-
Notifications
You must be signed in to change notification settings - Fork 20
/
cheatsheet.html
166 lines (131 loc) · 4.17 KB
/
cheatsheet.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
<!DOCTYPE html>
<html style="font-family: Verdana;">
<head>
<title style="text-align: center;">
HTML Cheatsheet
</title>
</head>
<body>
<h1 style="text-align: center;color:darkslateblue;font-family: Verdana;">HTML Cheatsheet</h1>
<hr>
You can start incuding your tags here!
<!-- HEAD ELEMENTS -->
<head></head>
<title></title>
<link rel="stylesheet" href="">
<meta>
<style></style>
<base href="">
<script></script>
<!-- HEADINGS -->
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<!-- PARAGRAPH -->
<p>This is a paragraph.</p>
<!-- Horizontal Rules -->
<hr>
<!-- Line Breaks -->
<br>
<!-- LINKS -->
<a href="url">link text</a>
<a href="#yourSection">link text</a>
<!-- IMAGES -->
<img src="redRabbit.png" alt="Red Rabbit">
<!-- TABLE -->
<table></table>
<tr></tr>
<th></th>
<td></td>
<!-- LIST -->
<ul></ul>
<ol></ol>
<li></li>
<dl></dl>
<dt></dt>
<dd></dd>
<!-- BLOCK ELEMENTS -->
<div></div>
<header></header>
<main></main>
<footer></footer>
<article></article>
<aside></aside>
<form action=""></form>
<section></section>
<video src=""></video>
<address></address>
<blockquote></blockquote>
<canvas></canvas>
<figure></figure>
<fieldset></fieldset>
<noscript></noscript>
<nav></nav>
<!-- INLINE ELEMENTS -->
<span></span>
<strong>strong</strong>
<b></b>
<small>small</small>
<script></script>
<abbr title=""></abbr>
<acronym title=""></acronym>
<em></em>
<i></i>
<big></big>
<q></q>
<map name=""></map>
<select name="" id=""></select>
<label for=""></label>
<code></code>
<textarea name="" id="" cols="30" rows="10"></textarea>
<var></var>
<object data="" type=""></object>
<!-- iFrames -->
<iframe src="" frameborder="0"></iframe>
<!-- Unique ones -->
<cite>Item</cite>
<optgroup label="Category">
<option value="item1">Item1</option>
<option value="item2">Item2</option>
</optgroup>
<acronym title="Html sheet"> tags</acronym>
<address>Glen Stansberry
1234 Web Dev Lane
Anywhere, USA
</address>
Add <del>statement</del> <ins>TAGS</ins> in sheet.
<label for="item">Item</label>
<form><fieldset>
<legend>added the tag?</legend>
Yes <input name="yes" type="radio" value="yes" />
No <input name="no" type="radio" value="no" />
</fieldset>
</form>
<p>Pluto <del>is</del> <ins>isn’t</ins> a planet.</p>
<p><abbr title="President of The United States">POTUS</abbr> rode his bicycle into a tree.</p>
<figure>
<blockquote cite="https://en.wikipedia.org/wiki/Citizenship_in_a_Republic">
<p>It is not the critic who counts; not the man who points out how the strong man stumbles, or where the doer of deeds could have done them better...</p>
</blockquote>
<figcaption>--Teddy Roosevelt, <cite>Citizenship in a Republic Speach</cite></figcaption>
</figure>
<label for="car-make">Choose a car make:</label>
<input list="car-makes" id="car-make" name="car-makes" placeholder="Select make.." />
<datalist id="car-makes" >
<option value="BMW">
<option value="Tesla">
<option value="Toyota">
<option value="Volkswaggon">
<option value="Mazda">
</datalist>
<h1>Hacktoberfest 2020</h1>
<h3>What is Hacktoberfest?</h3>
<p>
<a href="https://hacktoberfest.digitalocean.com/">Hacktoberfest</a> is a month-long celebration of open source software run by DigitalOcean in partnership with GitHub and Twilio.
Hacktoberfest is open to everyone in our global community! And to motivate contributors they also have some swags.
</p>
</body>
</html>