23
23
</ head >
24
24
25
25
< body >
26
+
27
+ < header >
28
+ < h1 class ="mega-ns "> HTML</ h1 >
29
+ < h2 class ="Every html element in one place. Just waiting to be styled. "> HTML</ h1 >
30
+ </ header >
31
+
32
+
33
+
26
34
<!--
27
35
28
36
HTML - Common patterns
@@ -103,22 +111,16 @@ <h1 class="other-class">Links</h1>
103
111
< hr />
104
112
< section >
105
113
< h1 class ="other-class "> Lists</ h1 >
114
+ < h2 > Unordered list</ h2 >
106
115
< ul >
107
- < li > List Item 1</ li >
108
- < li > List Item 2</ li >
109
- < li > List Item 3</ li >
110
- < li > List Item 4</ li >
111
- < li > List Item 5</ li >
112
- < li > List Item 6</ li >
113
- </ ul >
114
- < ul >
115
- < li > List Item 1</ li >
116
- < li > List Item 2</ li >
117
- < li > List Item 3</ li >
118
- < li > List Item 4</ li >
119
- < li > List Item 5</ li >
120
- < li > List Item 6</ li >
116
+ < li > Orange</ li >
117
+ < li > Apple</ li >
118
+ < li > Rhubarb</ li >
119
+ < li > Rasberry</ li >
120
+ < li > Blueberry</ li >
121
+ < li > Cherry</ li >
121
122
</ ul >
123
+ < h2 > Ordered list</ h2 >
122
124
< ol >
123
125
< li > First</ li >
124
126
< li > Second</ li >
@@ -127,6 +129,7 @@ <h1 class="other-class">Lists</h1>
127
129
< li > Fifth</ li >
128
130
< li > Sixth</ li >
129
131
</ ol >
132
+ < h2 > Definition list</ h2 >
130
133
< dl >
131
134
< dt >
132
135
Kick
@@ -142,47 +145,24 @@ <h1 class="other-class">Lists</h1>
142
145
</ dd >
143
146
</ dl >
144
147
< dl >
145
- < dt >
146
- Maine
147
- </ dt >
148
- < dd >
149
- Augusta
150
- </ dd >
151
- < dt >
152
- California
153
- </ dt >
154
- < dd >
155
- Sacremento
156
- </ dd >
157
- < dt >
158
- Oregon
159
- </ dt >
160
- < dd >
161
- Salem
162
- </ dd >
163
- < dt >
164
- New York
165
- </ dt >
166
- < dd >
167
- Albany
168
- </ dd >
148
+ < dt > Maine </ dt >
149
+ < dd > Augusta </ dd >
150
+ < dt > California </ dt >
151
+ < dd > Sacremento </ dd >
152
+ < dt > Oregon </ dt >
153
+ < dd > Salem </ dd >
154
+ < dt > New York </ dt >
155
+ < dd > Albany </ dd >
169
156
</ dl >
170
157
< dl >
171
- < dt >
172
- Ascender
173
- </ dt >
174
- < dd >
175
- The part of certain lowercase letters that extends above the x-height of a font.
176
- </ dd >
177
- < dt >
178
- Font
179
- </ dt >
180
- < dd >
181
- Traditionally, a complete set of characters for one typeface at one particular type size. Often used more loosely as a synonym for "typeface".
158
+ < dt > Ascender </ dt >
159
+ < dd > The part of certain lowercase letters that extends above the x-height of a font. </ dd >
160
+ < dt > Font </ dt >
161
+ < dd > Traditionally, a complete set of characters for one typeface at
162
+ one particular type size. Often used more loosely as a synonym for
163
+ "typeface".
182
164
</ dd >
183
- < dt >
184
- Golden Section
185
- </ dt >
165
+ < dt > Golden Section </ dt >
186
166
< dd >
187
167
The ideal proportion according to the ancient Greeks. It is visualized as the
188
168
division of a line into two unequal segments in such a way that the ratio of the
@@ -443,7 +423,7 @@ <h1 class="other-class">Tables</h1>
443
423
compatibility.
444
424
-->
445
425
< table >
446
- < caption > Tabular Data Example Tabular Data Examples </ caption >
426
+ < caption > This is a caption for a table </ caption >
447
427
< thead >
448
428
< tr >
449
429
< th > ID</ th >
@@ -472,11 +452,11 @@ <h1 class="other-class">Tables</h1>
472
452
</ table >
473
453
</ section >
474
454
< section >
455
+ < h1 > Footer</ h1 >
475
456
< footer >
476
457
< small > © 2014 Some company name</ small >
477
458
< address > email@email.com</ address >
478
459
</ footer >
479
- > > > > > > > master
480
460
</ section >
481
461
</ body >
482
462
</ html >
0 commit comments