Skip to content

Commit 48ab65b

Browse files
satyammishra0satyammishra0
authored
Updated a well format of index html page
1 parent 51a8de5 commit 48ab65b

File tree

1 file changed

+75
-10
lines changed

1 file changed

+75
-10
lines changed

‎tutorial/index.html

Lines changed: 75 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,77 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Document</title>
8-
</head>
9-
<body>
10-
11-
</body>
12-
</html>
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Document</title>
9+
<!-- Link to add CSS file -->
10+
<link rel="stylesheet" href="style.css">
11+
</head>
12+
13+
<body>
14+
<!--Header tag should be used to define header of the page-->
15+
<header>
16+
<!-- img tag should be used for images -->
17+
<img src="" alt="">
18+
<!-- Nav tag should be used for navigation links -->
19+
<nav>
20+
<!-- Ul tag should be used for Unorganised lists -->
21+
<ul>
22+
<!-- Li tag used for lists -->
23+
<!-- A tag is used to give links -->
24+
<li> <a href="#"> Home</a> </li>
25+
<li> <a href="#"> About</a></li>
26+
<li> <a href="#"> Shop</a></li>
27+
<li> <a href="#"> Contact</a></li>
28+
</ul>
29+
</nav>
30+
</img>
31+
</header>
32+
33+
<!-- Section to divide sections in a page -->
34+
<section>
35+
36+
<!-- div to create a division -->
37+
<div>
38+
<!-- Different types of headings with differnt sizing -->
39+
<h1>Hello world</h1>
40+
<h2>Hello world</h2>
41+
<h3>Hello world</h3>
42+
<h4>Hello world</h4>
43+
<h5>Hello world</h5>
44+
<h6>Hello world</h6>
45+
<!-- p tag for simple para -->
46+
<p>Hello world</p>
47+
<!-- Ordered list for list of number types -->
48+
<ol>
49+
<li>Hello world</li>
50+
<li>Hello world</li>
51+
<li>Hello world</li>
52+
<li>Hello world</li>
53+
<li>Hello world</li>
54+
</ol>
55+
</div>
56+
</section>
57+
<!-- Footer tag for defining the footer tag of the body -->
58+
<footer>
59+
<!-- img tag should be used for images -->
60+
<img src="" alt="">
61+
<!-- Nav tag should be used for navigation links -->
62+
<nav>
63+
<!-- Ul tag should be used for Unorganised lists -->
64+
<ul>
65+
<!-- Li tag used for lists -->
66+
<!-- A tag is used to give links -->
67+
<li> <a href="#"> Home</a> </li>
68+
<li> <a href="#"> About</a></li>
69+
<li> <a href="#"> Shop</a></li>
70+
<li> <a href="#"> Contact</a></li>
71+
</ul>
72+
</nav>
73+
</img>
74+
</footer>
75+
</body>
76+
77+
</html>

0 commit comments

Comments
 (0)