Skip to content

Commit 18ced02

Browse files
avihenriavihenri
committed
Update html example
1 parent 6949129 commit 18ced02

File tree

1 file changed

+68
-63
lines changed

1 file changed

+68
-63
lines changed

‎html-example.html

+68-63
Original file line numberDiff line numberDiff line change
@@ -1,74 +1,79 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<title>This is a page title</title>
5-
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
6-
</head>
7-
<body>
8-
<div>
9-
<h1>Heading 1</h1>
10-
<h2>Heading 2</h2>
11-
<h3>Heading 3</h3>
12-
<h4>Heading 4</h4>
13-
<h5>Heading 5</h5>
14-
<h6>Heading 6</h6>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>This is a page title</title>
7+
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
8+
</head>
9+
<body>
10+
<div>
11+
12+
<h1>Heading 1</h1>
13+
<h2>Heading 2</h2>
14+
<h3>Heading 3</h3>
15+
<h4>Heading 4</h4>
16+
<h5>Heading 5</h5>
17+
<h6>Heading 6</h6>
1518

16-
<p>This is a paragraph.</p>
17-
<hr>
19+
<p>This is a paragraph.</p>
20+
<hr><!-- Horizontal Rule: is a horizontal break, used to separate content -->
1821

19-
<b> Bold text </b> </div> </br>
20-
<strong> Important text </strong> </br>
21-
<i> Italic text </i> </br>
22-
<em> Emphasized text </em> </br>
23-
<mark> Marked text </mark> </br>
24-
<small> Smaller text </small> </br>
25-
<del> Deleted text </del> </br>
26-
<ins> Inserted text </ins> </br>
27-
<sub> Subscript text </sub> </br>
28-
<sup> Superscript text </sup> </br>
22+
<p>
23+
<b> Bold text </b> </div>
24+
</br><!-- Break: line break within a block of text-->
25+
<strong> Important text </strong> </br>
26+
<i> Italic text </i> </br>
27+
<em> Emphasized text </em> </br>
28+
<mark> Marked text </mark> </br>
29+
<small> Smaller text </small> </br>
30+
<del> Deleted text </del> </br>
31+
<ins> Inserted text </ins> </br>
32+
<sub> Subscript text </sub> </br>
33+
<sup> Superscript text </sup> </br>
34+
</p>
2935

30-
<a href="url">link text</a> </br>
31-
<img src="pic_trulli.jpg" alt="Italian Trulli">
32-
<p style="background-image: url('img_girl.jpg');">
36+
<a href="url">link text</a> </br>
37+
<img src="pic_trulli.jpg" alt="Italian Trulli">
38+
<p style="background-image: url('img_girl.jpg');">
3339

34-
<table>
35-
<tr>
36-
<th>Company</th>
37-
<th>Contact</th>
38-
<th>Country</th>
39-
</tr>
40-
<tr>
41-
<td>Alfreds Futterkiste</td>
42-
<td>Maria Anders</td>
43-
<td>Germany</td>
44-
</tr>
45-
<tr>
46-
<td>Centro comercial Moctezuma</td>
47-
<td>Francisco Chang</td>
48-
<td>Mexico</td>
49-
</tr>
50-
</table>
40+
<table>
41+
<tr>
42+
<th>Company</th>
43+
<th>Contact</th>
44+
<th>Country</th>
45+
</tr>
46+
<tr>
47+
<td>Alfreds Futterkiste</td>
48+
<td>Maria Anders</td>
49+
<td>Germany</td>
50+
</tr>
51+
<tr>
52+
<td>Centro comercial Moctezuma</td>
53+
<td>Francisco Chang</td>
54+
<td>Mexico</td>
55+
</tr>
56+
</table>
5157

52-
<ul>
53-
<li>Coffee</li>
54-
<li>Tea</li>
55-
<li>Milk</li>
56-
</ul>
58+
<ul>
59+
<li>Coffee</li>
60+
<li>Tea</li>
61+
<li>Milk</li>
62+
</ul>
5763

58-
<ol>
59-
<li>Coffee</li>
60-
<li>Tea</li>
61-
<li>Milk</li>
62-
</ol>
64+
<ol>
65+
<li>Coffee</li>
66+
<li>Tea</li>
67+
<li>Milk</li>
68+
</ol>
6369

64-
<form>
65-
<label for="fname">First name:</label><br>
66-
<input type="text" id="fname" name="fname"><br>
67-
<label for="lname">Last name:</label><br>
68-
<input type="text" id="lname" name="lname">
69-
</form>
70+
<form>
71+
<label for="fname">First name:</label><br>
72+
<input type="text" id="fname" name="fname"><br>
73+
<label for="lname">Last name:</label><br>
74+
<input type="text" id="lname" name="lname">
75+
</form>
7076

71-
</div>
72-
73-
</body>
77+
</div>
78+
</body>
7479
</html>

0 commit comments

Comments
 (0)