Tags�
Div Section
<div>Block element</div>
Headings
<h1>Page title</h1>
<h2>Subheading</h2>
<h3>Tertiary heading</h3>
<h4>Quaternary heading</h4>
Paragraph
<p style="text-align: center;">text</p>
Image
<img src="/demo.jpg" alt="description" height="48" width="100" />
Outbound Link
<a href="https://htmlg.com/" target="_blank" rel="nofollow">Click here</a>
Mailto link
<a href="mailto:me@ruwix.com?Subject=Hi%20mate" target="_top">Send
Mail</a>
Inner anchor (jump on page)
<a href="#footer">Jump to footnote</a>
<br />
<a name="footer"></a>Footnote content
Bold text
<strong>Bold text</strong>
Italic text
<em>Italic text</em>
Underlined text
<span style="text-decoration: underline;">Underlined text</span>
Iframe
<iframe src="link.html" width="200" height="200">
</iframe>
Abbreviation
<abbr title="Hypertext Markup Language">HTML</abbr>
Comment
<!-- HTML
Comment -->
Horizontal Line
<hr />
Line break
<br />
Quotation
<q>Success is a journey not a destination.</q>
✎
<blockquote cite="https://ruwix.com/">
The Rubik's Cube is the World’s best selling puzzle toy.
</blockquote>
Form
<form action="/action.php" method="post">
Name: <input name="name" type="text" /> <br />
Age: <input max="99" min="1" name="age" step="1" type="number"
value="18" /> <br />
<select name="gender">
<option selected="selected" value="male">Male</option>
<option value="female">Female</option>
</select><br />
<input checked="checked" name="newsletter" type="radio" value="daily" />
Daily <input name="newsletter" type="radio" value="weekly" /> Weekly<br />
<textarea cols="20" name="comments"
rows="5">Comment</textarea><br />
<label><input name="terms" type="checkbox" value="tandc" />Accept
terms</label> <br />
<input type="submit" value="Submit" />
</form>
HTML5 Page Structure⚗
header, nav, main, article, section, aside, footer, address
<header>
<div id="logo">HTML</div>
<nav>
<ul>
<li><a href="/">Home</a>
<li><a href="/link">Page</a>
</ul>
</nav>
</header>
<main role="main">
<article>
<h2>Title 1</h2>
<p>Content 1</p>
</article>
<article>
<h2>Title 2</h2>
<p>Content 2</p>
</article>
</main>
<section>
A group of related content
</section>
<aside>
Sidebar
</aside>
<footer>
<p>© HTML CheatSheet</p>
<address>
Contact <a href="mailto:me@htmlg.com">me</a>
</address>
</footer>
Table
<table><caption>Phone numbers</caption>
<thead>
<tr>
<th>Name</th>
<th colspan="2">Phone</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>577854</td>
<td>577855</td>
</tr>
<tr>
<td>Jack</td>
<td>577856</td>
<td>577857</td>
</tr>
</tbody>
<tfoot>
<tr>
<td> </td>
<td>Personal</td>
<td>Office</td>
</tr>
</tfoot>
</table>
Unordered list
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ul>
Definition list
<dl>
<dt>HTML</dt>
<dd>Hypertext Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets </dd>
</dl>
