forked from LSUWebDesign/HTML-Basics-The-Return
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemo.html
167 lines (119 loc) · 4.66 KB
/
demo.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
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Practice File</title>
</head>
<body>
<a id="top"></a>
<p>This is a paragraph. Paragraphs must be wrapped inside an opening and closing "p" tag.</p>
<p>This is<br />a para<br />graph with line breaks</p>
<hr>
<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
<h3>This is a Heading 3</h3>
<h4>This is a Heading 4</h4>
<h5>This is a Heading 5</h5>
<h6>This is a Heading 6</h6>
<hr/>
<h3>Formatting text</h3>
<p><strong>This text is strong</strong></p>
<p><em>This text is emphasized</em></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
<hr>
<h3>Images</h3>
<img src="assets/images/homer-simpson.jpg" width="500" height="375" alt="Homer Simpson" />
<hr>
<hr>
<h3>Links</h3>
<p><a href="http://www.w3schools.com" target="_blank">This is an absolute URL link. It uses the target attribute to open in a new tab or window.</a></p>
<p><a href="linkpage.html">This is a relative URL link</a></p>
<p><a href="mailto:brivet3@lsu.edu">This is an email link</a></p>
<hr>
<h3>Tables</h3>
<table cellspacing="0" cellpadding="10" border="1">
<thead>
<tr>
<th></th>
<th>9am</th>
<th>10am</th>
<th>11am</th>
<th>12am</th>
</tr>
</thead>
<tbody>
<tr>
<th>Monday</th>
<td colspan="2">Geography</td>
<td>Math</td>
<td>Art</td>
</tr>
<tr>
<th>Tuesday</th>
<td colspan="3">Gym</td>
<td>Home Ec</td>
</tr>
</tbody>
</table>
<hr>
<h3>Unordered list:</h3>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
<h3>Ordered list:</h3>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3
<ol>
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ol>
</li>
</ol>
<h3>Definition Lists</h3>
<dl>
<dt>Term 1</dt>
<dd>Definition 1</dd>
<dt>Term 2A</dt>
<dt>Term 2B</dt>
<dd>Definition 2</dd>
</dl>
<hr>
<h3>Grouping Elements</h3>
<div id="example-div" class="example">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy <span class="inlineexample">nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</span>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.</p>
</div>
<hr>
<h3>Special Characters</h3>
<p>Here are a few HTML entities:</p>
<ul>
<li>Copyright: ©</li>
<li>Register: ®</li>
<li>Ampersand: &</li>
<li>Angle Brackets: < ></li>
<li>Non-breaking Space: </li>
</ul>
<hr>
<h3>Iframe</h3>
<iframe width="450" height="350" src="http://maps.google.co.uk/maps?q=moma+new+york&output=embed"></iframe>
<hr>
<h3>Video</h3>
<video src="http://www.htmlandcssbook.com/code-samples/chapter-09/video/puppy.mp4" poster="http://www.htmlandcssbook.com/code-samples/chapter-09/images/puppy.jpg" width="400" height="300" preload controls loop>
<p>A video of a puppy playing in the snow</p>
</video>
<hr>
<h3>Audio</h3>
<audio src="http://www.htmlandcssbook.com/code-samples/chapter-09/audio/test-audio.ogg" controls >
<p>This browser does not support our audio format.</p>
</audio>
</body>
</html>