-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
137 lines (119 loc) · 3.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML TAGS</title>
<style>
.body {
margin: 0 2em;
/* text-align: center; */
font-size: 1.25rem;
}
table {
margin: 0 auto;
}
.container {
margin: 0 auto;
}
</style>
</head>
<body class="body">
<div class="container">
<h1>Testing certain tags and related syntax</h1>
<br>
<math>
<mrow>
<mrow>
<msup>
<mi>a</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
</mrow>
<mo>=</mo>
<msup>
<mi>c</mi>
<mn>2</mn>
</msup>
</mrow>
</math>
<br>
<p>You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your <abbr
title="HyperText Markup Language">HTML</abbr>.</p>
<br />
<cite><a href="http://www.george-orwell.org/1984/0.html">Nineteen Eighty-Four</a></cite>
<br />
<cite>Nineteen Eighty-Four (without link)</cite>
<br>
<li>li below the body tag, br tag above but not below</li>
<div>
<li>li in a div tag, no br tags above or below</li>
</div>
<p>
<li>li in a paragraph tag, br tag below</li>
</p>
<br>
<audio controls src="https://raw.githubusercontent.com/himalayasingh/music-player-1/master/music/4.mp3">
Your browser does not support the
<code>audio</code> element.
</audio>
<p>A <dfn id="def-validator">validator</dfn> is a program that checks for syntax errors in code or documents.</p>
<embed type="video/mp4"
src="https://player.vimeo.com/external/194837908.sd.mp4?s=c350076905b78c67f74d7ee39fdb4fef01d12420&profile_id=164"
width="450" height="300">
<br />
<br />
<iframe id="inlineFrameExample" title="Inline Frame Example" width="300" height="200"
src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
</iframe>
<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="grey">
<circle cx="50" cy="50" r="40" />
<circle cx="150" cy="50" r="4" />
<svg viewBox="0 0 10 10" x="200" width="100">
<circle cx="5" cy="5" r="4" />
</svg>
</svg>
<p>The Cure will be celebrating their 40th anniversary on <time datetime="2018-07-07">July 7</time> in London's Hyde
Park.</p>
<p>The concert starts at <time datetime="20:00">20:00</time> and you'll be able to enjoy the band for at least <time
datetime="PT2H30M">2h 30m</time>.</p>
<video controls width="250">
<source
src="https://player.vimeo.com/external/194837908.sd.mp4?s=c350076905b78c67f74d7ee39fdb4fef01d12420&profile_id=164"
type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
<hr>
<table>
<thead>
<tr>
<th>Items</th>
<th scope="col">Expenditure</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Donuts</th>
<td>3,000</td>
</tr>
<tr>
<th scope="row">Stationery</th>
<td>18,000</td>
</tr>
</tbody>
<tfoot>
<tr>
<th scope="row">Totals</th>
<td>21,000</td>
</tr>
</tfoot>
</table>
</div>
</body>
</html>