-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathhtml_guide.html
More file actions
109 lines (89 loc) · 3.77 KB
/
Copy pathhtml_guide.html
File metadata and controls
109 lines (89 loc) · 3.77 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 Skeleton Cheat Sheet</title>
<!--SEO Meta Tags-->
<meta name="description" content="A decription about your website.">
<meta name="keywords" content="your, amazing, keywords">
<meta name="author" content="Your Name">
</head>
<body>
<h1>H1 Tag</h1>
<h2>H2 Tag</h2>
<h3>H3 Tag</h3>
<h4>H4 Tag</h4>
<h5>H5 Tag</h5>
<hr>
<div>
<p>My first level of content</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim <br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in <br>voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis <br>aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div>
My second level of content
</div>
<div>
My Third <span style="color: red;">level of content</span> goes here
</div>
<div>
My <a href="http://google.com" target="_blank">Great Link</a>.
</div>
<div>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
</div>
<div>
<ul>
<li>First bullet</li>
<li>Second bullet</li>
<li>Third bullet</li>
</ul>
<ul style="list-style-type: circle;">
<li>First bullet</li>
<li>Second bullet</li>
<li>Third bullet</li>
</ul>
<ul style="list-style-type: square;">
<li>First bullet</li>
<li>Second bullet</li>
<li>Third bullet</li>
</ul>
</div>
<div>
<p>Lorem ipsum <strong>dolor sit</strong> amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip <b>ex ea commodo</b> consequat. Duis <br>aute irure dolor in reprehenderit in <i>voluptate velit</i> esse cillum <em>dolore eu fugiat</em> nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div>
<ul>
<li>The <mark>marked</mark> text tag</li>
<li>The <small>small</small> text tag</li>
<li>The <del>deleted</del> text tag</li>
<li>The <ins>inserted</ins> text tag</li>
<li>The <sub>subscript</sub> text tag</li>
<li>The <sup>superscript</sup> text tag</li>
<li>The <pre>pre</pre> text tag</li>
<li>The <q>quotation</q> text tag</li>
</ul>
</div>
<div>
<img src="https://upload.wikimedia.org/wikipedia/commons/9/91/Mount_Kilimanjaro.jpg" width="800" alt="Mountain" />
</div>
<div>
<a href="https://devcamp.com">
<img src="ducks/duck.jpg" width="145" height="125" alt="Coding Ducks" />
</a>
<img src="ducks/duck.jpg" width="145" height="125" alt="Coding Ducks" usemap="#ducklinks"/>
<map name="ducklinks">
<area shape="rect" coords="0,0,25,25" alt="goes to google" href="https://google.com"></area>
<area shape="rect" coords="40,40,25,10" alt="goes to Yahoo" href="https://yahoo.com"></area>
<area shape="circle" coords="125,50,50" alt="goes to devCamp" href="https://devcamp.com"></area>
</map>
</div>
</div>
</body>
</html>