-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhello_world_1_2_3_4.html
154 lines (136 loc) · 5.41 KB
/
hello_world_1_2_3_4.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
<! Anything between these angular bracket is commented out and will therefore be not displayed on the webpage>
<! HTML stand for : Hyper text markup language>
<! Step 1: Add a line as content in an html file and open it in your browser>
<! I am using chrome>
<! Step 2: Change the header from file name to something else>
<! Step 3: Explore header tags>
<! Step 4: Explore paragraph Tags>
<! Step 5: Explore line break or self closing tag >
<! Step 6: Explore Bold and strong tag >
<! Step 7: Explore italics and emphasis tag >
<! Step 8: Explore underline and insert tag >
<! Step 9: Explore superscript and subscript tag >
<! Step 10: Explore strikeout tag >
<! Step 11: Explore horizontal ruler self closing tag >
<html>
<head>
<title>First Webpage</title>
</head>
<body>
<h1> ---------------HEADER----------------------------</h1>
<h1>Hello World!</h1>
<h2> Ask a question about H2 tag </h2>
<h3> Ask a question about H3 tag </h3>
<h4> Ask a question about H4 tag </h4>
<h5> Ask a question about H5 tag </h5>
<h6> Ask a question about H6 tag </h6>
<p> ---------------PARAGRAPH----------------------------</p>
<p> What's up folks </p>
<p> Let's learn about paragraph in html</p>
<p> Let's learn about paragraph and line break <br> in html</p>
<p> ----------------BOLD------------------------------</p>
<p> Let's make some <b>bold</b> text</p>
<p> Let's make some <strong>strongly bold</strong> text</p>
<p> ----------------ITALICS---------------------------------</p>
<p> Let's make some <i>italics</i> text</p>
<p> Let's put some <em>emphasis on italics</em> text</p>
<p> ----------------UNDERLINE---------------------------------</p>
<p> Let's make some <u>Underline</u> text</p>
<p> Let's put some <ins>new Underline format</ins> text</p>
<p> ----------------SUPER and SUB SCRIPT---------------------------------</p>
<p> Let's make some <sup>superscript</sup> text</p>
<p> Let's put some <sub>subscript</sub> text</p>
<p> ----------------STRIKEOUT---------------------------------</p>
<p> Let's make some <del>strikeout</del> text</p>
<hr>
<p> <strong>What we have learned till now</strong></p>
<ul>
<li><h1>Header</h1></li>
<li><p>Paragraph</p></li>
<li><strong>Bold text</strong></li>
<li><em>Italics</em></li>
<li><ins>Underline</ins></li>
<li><sup>Superscript</sup></li>
<li><sub>Subscript</sub></li>
<li><del>Strikeout</del></li>
<li>Horizontal Ruler</li>
</ul>
<p> Whatever we have learned in order list</p>
<ol>
<li><h1>Header</h1></li>
<li><p>Paragraph</p></li>
<li><strong>Bold text</strong></li>
<li><em>Italics</em></li>
<li><ins>Underline</ins></li>
<li><sup>Superscript</sup></li>
<li><sub>Subscript</sub></li>
<li><del>Strikeout</del></li>
<li>Horizontal Ruler</li>
</ol>
<hr>
<p> order list starts at 5 </p>
<ol start="5">
<li><h1>Header</h1></li>
<li><p>Paragraph</p></li>
<li><strong>Bold text</strong></li>
<li><em>Italics</em></li>
<li><ins>Underline</ins></li>
<li><sup>Superscript</sup></li>
<li><sub>Subscript</sub></li>
<li><del>Strikeout</del></li>
<li>Horizontal Ruler</li>
</ol>
<hr>
<p> order list reverse </p>
<ol reversed>
<li><h1>Header</h1></li>
<li><p>Paragraph</p></li>
<li><strong>Bold text</strong></li>
<li><em>Italics</em></li>
<li><ins>Underline</ins></li>
<li><sup>Superscript</sup></li>
<li><sub>Subscript</sub></li>
<li><del>Strikeout</del></li>
<li>Horizontal Ruler</li>
</ol>
<hr>
<p> order list roman number </p>
<ol type="i">
<li><h1>Header</h1></li>
<li><p>Paragraph</p></li>
<li><strong>Bold text</strong></li>
<li><em>Italics</em></li>
<li><ins>Underline</ins></li>
<li><sup>Superscript</sup></li>
<li><sub>Subscript</sub></li>
<li><del>Strikeout</del></li>
<li>Horizontal Ruler</li>
</ol>
<hr>
<p> order list roman number </p>
<ol type="I">
<li><h1>Header</h1></li>
<li><p>Paragraph</p></li>
<li><strong>Bold text</strong></li>
<li><em>Italics</em></li>
<li><ins>Underline</ins></li>
<li><sup>Superscript</sup></li>
<li><sub>Subscript</sub></li>
<li><del>Strikeout</del></li>
<li>Horizontal Ruler</li>
</ol>
<hr>
<p> order list A B C D </p>
<ol type="A">
<li><h1>Header</h1></li>
<li><p>Paragraph</p></li>
<li><strong>Bold text</strong></li>
<li><em>Italics</em></li>
<li><ins>Underline</ins></li>
<li><sup>Superscript</sup></li>
<li><sub>Subscript</sub></li>
<li><del>Strikeout</del></li>
<li>Horizontal Ruler</li>
</ol>
</body>
</html>