<!DOCTYPE html>
<html>
<table>
<head>
<title>Html Cheat Sheet</title>
</head>
<body>
<a href="hello.html">Go to blog</a>
<hr>
<!-- Heading -->
<h1>Heading One</h1>
<h2>Heading One</h2>
<h3>Heading One</h3>
<h4>Heading One</h4>
<h5>Heading One</h5>
<h6>Heading One</h6>
<!-- paragraph -->
<p>
Lorem ipsum <a href="http://google.com" target="_blank">dolor</a> sit amet consectetur adipisicing elit.
Aspernatur error <strong>repellendus cumque delectus rerum natus
asperiores totam perferendis culpa</strong> iusto eaque adipisci
debitis aut <em>distindistinctio cupiditate </em>iste reprehenderit
exercitationem. Magni?
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Consectetur at ipsum sed ab, sint deleniti non deserunt explicabo
recusandae saepe ex accusantium odio sapiente inventore illum illo, doloremque, eligendi provident.
</p>
<!-- Lists -->
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
</ul>
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
</ol>
<!-- Table -->
<table>
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Age</th>
</tr>
</thead>
<table>
<tr>
<td>Brad Traversy</td>
<td>freelancingrashed@gmail.com</td>
<td>45</td>
</tr>
<tr>
<td>rashed</td>
<td>freelancingrashed@gmail.com</td>
<td>45</td>
</tr>
<tr>
<td>Sara Williams</td>
<td>freelancingrashed@gmail.com</td>
<td>45</td>
</tr>
</tbody>
</table>
<br>
<hr>
<br>
<!-- Forms -->
<form action="process.php" method="Post">
<div>
<lable>First Name</lable>
<input type="text" name="firstName"
placeholder="Enter first name">
</div>
<br>
<div>
<lable>Last Name</lable>
<input type="text" name="lastName">
</div>
<br>
<div>
<label>Email</label>
<input type="email" name="email">
</div>
<br>
<div>
<label>Massage</label>
<textarea name="message"></textarea>
</div>
<br>
<div>
<label>Gender</label>
<select name="gender">
<option value="male">Male</option>
<option value="female">Female</
option>
<option value="other">other</
option>
</select>
</div>
<br>
<div>
<label>Age</label>
<input type="number" name="age"
value="30">
</div>
<br>
<div>
<label>Birthday:</label>
<input type="data" name="Birthday"
>
</div>
<br>
<input type="submit" name="submit"
value="submit">
</form>
<!-- Button -->
<button>Click Me</button>
<br>
<!-- Image -->
<a href="img/background.jpg">
<img src="img/london.png" alt="My Sample Image"
width="200">
</a>
<!-- quotations -->
<blockquote city="http://traversymedia.com">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Earum optio minus ullam est, quis libero provident
reprehenderit neque dolorum accusantium quam, possimus,
et eos exercitationem rem sed totam numquam consequuntur.
</blockquote>
<p>The <abbr title="world Wide web">www</abbr>
is awesome</p>
<p><cite>HTML crash course</cite> by brad
Traversy</p>
<div style="margin-top: 500px;"></div>
</body>
</html>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter