-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
159 lines (134 loc) · 8.86 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<html>
<head>
<title>RM Learning system</title>
<link rel="stylesheet" href="frontcss.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="header" class="div"> <!--head-->
<table>
<tr>
<td><h1 style="margin-top: -4px;"><b> RM <sup> Learning system</sup><b> :<em>#1 Website for Learning</em></h1></td>
<td>
<div class="socialicons">
<img src="fb_icon.png">
<img src="insta_icon.png">
<img src="twitter_icon.png">
</div>
</td>
<td><button class="login" onclick="document.location='login_page.html'">Login</button></td>
</tr>
</table> <!--head closes-->
</div>
<div id="bar"> <!--head bar-->
<div class="div" style="float: left;">
<img src="logo.jpg" height="62px">
</div>
<div style="margin-left: 695px;">
<table>
<td><button class="Button" onclick="document.location='bony\index.html'">Home</button> </td> <td> <button class="Button" onclick="document.location='bony\video.html'">Videos</button> </td> <td><button class="Button" onclick="document.location='videos.html'">Tutors</button> </td> <td><button class="Button" onclick="document.location='testyourself.html'">Test Yourself</button> </td> <td><button class="Button" onclick="document.location='contact.html'">Contact</button> </td>
</table>
</div>
</div> <!--head bar closes-->
<div class="gridcontainer">
<div class="subjectnames"> <!--leftside subject Name-->
<h2> Web Development</h2>
<ul>
<h4>HTML</h4>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">Html Basic tags</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">Physical tags</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">Logical tags</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">Anchor tag</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">img tag</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">HTML Tables</button><br>
</ul>
<ul>
<h4>CSS</h4>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">CSS and Style rules</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">Linking CSS with HTML</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">Css syntax</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">CSS selector</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">CSS comments</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">CSS color</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">CSS Background</button><br>
</ul>
<ul>
<h4>Javascript</h4>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">Javascript Intro</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">Linking to HTML</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">JS syntax</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">JS comments</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">JS Variables</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">JS Operators</button><br>
<button class="subjectbuttons" onclick="document.location='frontpage.html'">JS Datatypes</button><br>
</ul>
</div>
<div class="subjectinfo" ><h1 style="text-align: center;">HTML</h1> <!--subjectinfo section-->
<img src="html.jpg" style="margin-left: 120px;">
<p style="margin: 5px 20px 5px 20px;"><b style="font-size: 30px;">HTML</b> stands for <b>Hyper Text Markup Language</b> , which is the most widely used language on Web to develop web pages. HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012.</p><br>
<h2 style="margin: 5px 20px 5px 20px;">Applications of HTML</h2>
<ul>
<li style="color:coral;"><b>Pages development</b></li>
<li style="color:coral;"><b>App interface development</b></li>
<li style="color:coral;"><b>Web pages development</b></li>
<li style="color:coral;"><b>Responsive UI</b></li>
<li style="color:coral;"><b>Game development</b></li>
</ul>
</div>
<div class="content"><h1 style="text-align: center;">content</h1>
<h2 style="font-family: arial;"><u>Sample HTML document</u></h2>
<img src="html_sample.png">
<ul style="font-size: large">
<li>< !DOCTYPE html > declaration defines that this document is an HTML5 document</li>
<li>The < html > element is the root element of an HTML page</li>
<li>The < head > element contains meta information about the HTML page></li>
<li>The < title > element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)</li>
<li>The < body > element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.</li>
<li>The < h1 > element defines a large heading</li>
<li>The < p > element defines a paragraph</li>
</ul>
</div>
<div class="feedback"><h1 style="padding-left: 30px;"><u>feedback</u></h1>
<h2>User's Star Rating</h2>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span><br>
<form>
<h1>feedback form</h1>
<label>Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label>Feedback</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<button class="submit" onclick="document.location='frontpage.html'">Submit</button><br>
</form>
</div>
<hr>
<div class="pagechange">
<button class="button" onclick="document.location='frontpage.html'"><b> < Previous page</b></button>
<button style="float:right;" class="button" onclick="document.location='frontpage.html'"><b>Next Page ></b></button>
</div>
<div class="FAQ">
<h1 style="text-align: center;"><u>FAQs</u></h1>
<ol>
<li>
<h3>Is it easy to study HTML, CSS and Javascript?</h3>
<p>Ans:- YES</p>
</li>
<li>
<h3>Is it free to study from this website?</h3>
<p>Ans:- Yes , absolutly free to everyone.</p>
</li>
<li>
<h3>Does Contents are avialble to download?</h3>
<p>Ans:- Currently not.</p>
</li>
</ol>
</div>
</div>
<div>
<img src="copyright.jpg" class="center">
</div>
</body>
</html>