Home Fun Games Blog CDCRIFD CDRD Utilities About

The Elements (of HTML)

An index of the main HTML elements.

        <!DOCTYPE html> <!--The DOCTYPE declaration-->
<h1>1st-level heading</h1>
<h2>2nd-level heading</h2>
<h3>3rd-level heading</h3>
<h4>4th-level heading</h4>
<h5>5th-level heading</h5>
<h6>6th-level heading</h6>
<p>Paragraph</p>
<strong>Strong (bold) text</strong>
<em>Emphasized (italic) text</em>
<main>Main content of page</main>
<span>A piece of text that should be stylistically or otherwise different</span>
<br> <!--Line break-->
<hr> <!--Horizontal rule-->
<aside>Content that is aside from the main content but still related</aside>
<nav>Navigation menu</nav>
<article>Article content</article>
<section>Section (e.g. a section of an article with its own subheading)</section>
<code>Code</code>
<pre>Preformatted text (line breaks, spaces, etc. are preserved)</pre>
<sup>Superscript text</sup>
<sub>Subscript text</sub>
<del>Deleted (strikethrough) text</del>
<ins>Inserted (underlined) text</ins>
<samp>Sample output from a computer program</samp>
<b>Bold text</b>
<i>Italic text</i>
<u>Underlined text</u>
<button>Button</button>
<img> <!--Image-->
<a>Link</a>
<abbr>Abbreviation</abbr>
<dfn>Defining instance of a term</dfn>
<div>General-purpose element (a "division" or "div" of the document)</div>
<table>Table</table>
<thead>Table header</thead>
<tbody>Table body</tbody>
<tr>Table row</tr>
<th>Table header cell</th>
<td>Table data cell</td>
<style>CSS stylesheet</style>
<script>JavaScript script</script>
<input> <!--User input-->
<iframe>A frame that defines a separate browsing context (for embedding websites)</iframe>
<button>Button</button>
<button>Button</button>
<button>Button</button>
<button>Button</button>
<button>Button</button>
<button>Button</button>

<!DOCTYPE html>

The DOCTYPE declaration tells the browser the language used in the page (a.k.a. HTML).