html-cheat-sheet/finalVersion.html at master · webdvt/html-cheat-sheet · GitHub

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
<!DOCTYPE html>
<html>
<head>
   <title>Title</title>
</head>
<body>
<!--Headings-->
<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>
<h4>Heading Four</h4>
<h5>Heading Five</h5>
<h6>Heading Six</h6>

<!--Paragraph-->
<p>Lorem ipsum dolor sit amet, <strong>consectetur</strong> adipisicing <em>eligendi</em> elit. Ab adipisci, consectetur
   et excepturi laborum laudantium
   pariatur praesentium quam quasi sed? Excepturi nesciunt non provident quaerat rerum. Accusantium adipisci aliquam
   asperiores consectetur debitis ex expedita, facilis itaque <a href="http://google" target="_blank">google</a> libero
   minima minus nemo, obcaecati odio
   voluptatum. Asperiores distinctio dolore numquam officiis veritatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam aut blanditiis commodi consectetur consequatur
   cum cupiditate deserunt doloribus dolorum exercitationem fugiat id, impedit incidunt iusto laboriosam mollitia nam
   neque omnis perferendis qui quia quidem quod reiciendis repellat repellendus saepe sint? Consequatur eum minima
   similique. Illum molestias, officiis. Quasi, voluptas.</p>

<!-- Lists -->
<ul>
   <li>List Item 1</li>
   <li>List Item 1</li>
   <li>List Item 1</li>
   <li>List Item 1</li>
</ul>

<ol>
   <li>List Item 1</li>
   <li>List Item 1</li>
   <li>List Item 1</li>
   <li>List Item 1</li>
</ol>

<!--Table-->
<table>
   <thead>
   <tr>
      <th>Name</th>
      <th>Email</th>
      <th>Age</th>
   </tr>
   </thead>
   <tbody>
   <tr>
      <td>John Doe</td>
      <td>john@gmail.com</td>
      <td>20</td>
   </tr>
   <tr>
      <td>Sarah Wlliams</td>
      <td>jane@gmail.com</td>
      <td>25</td>
   </tr>
   </tbody>
</table>

<br>
<hr>

<!--Forms-->
<form action="process.php" method="POST">
   <div>
      <label>First Name</label>
      <input type="text" placeholder="Enter first name..." name="firstName">
   </div>
   <br>
   <div>
      <label>Last Name</label>
      <input type="text" name="lastName">
   </div>
   <br>
   <div>
      <label>Email</label>
      <input type="email" name="email">
   </div>
   <br>
   <div>
      <label for="msg">Message</label>
      <textarea name="message" id="msg"></textarea>
   </div>
   <br>
   <div>
      <label>Grade Level</label>
      <select name="grade level">
         <option value="freshman">freshman</option>
         <option value="sophomore">sophomore</option>
         <option value="junior">junior</option>
         <option value="senior">senior</option>

      </select>
   </div>
   <br>
   <div>
      <label>Age:</label>
      <input type="number" name="age" value="30">
   </div>
   <br>
   <div>
      <label>Birthday:</label>
      <input type="date" name="birthDay">
   </div>


   <br>
</form>

<!-- Button -->
<button>Click Me</button>

<br>

<!-- Image-->
<a href="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
   <img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg" width="200" alt="Bird">
</a>


<div style="margin-top: 500px"></div>

</body>
</html>