Address Element
<address>
Written by <a href="mailto:[email protected]">Webmaster</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
Article Element
<article>
<h1>HTML5 Semantic Elements</h1>
<p>HTML5 introduced several new semantic elements that provide meaning to the content.</p>
</article>
Aside Element
<aside>
<p>This is some content that is only slightly related to the main content.</p>
</aside>
Blockquote Element
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
</blockquote>
Canvas Element
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
Your browser does not support the HTML5 canvas tag.
</canvas>
Definition Description Element
<dd>JavaScript is a high-level, often just-in-time compiled, and multi-paradigm programming language.</dd>
Division Element
<div>
This is a section or a division in the document.
</div>
Description List Element
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Definition Term Element
<dt>HTML</dt>
Fieldset Element
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Figcaption Element
<figure>
<img src="pic_trulli.jpg" alt="Trulli">
<figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>
Form Element
<form action="/action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey"><br>
Last name:<br>
<input type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form>
Header Elements
<header>
<h1>Welcome to My Website!</h1>
<p>A website created by me.</p>
</header>
Horizontal Rule Element
<hr>
List Item Element
<li>Coffee</li>
Main Element
<main>
<p>This is the most important information on the page.</p>
</main>
Navigation Element
<nav>
<a href="#">Home</a> |
<a href="#">About</a> |
<a href="#">Services</a> |
<a href="#">Contact</a>
</nav>
No Script Element
<noscript>Your browser does not support JavaScript!</noscript>
Ordered List Element
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
Paragraph Element
<p>This is a paragraph.</p>
Preformatted Text Element
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
Section Element
<section>
<h1>Heading</h1>
<p>Section content.</p>
</section>
Table Element
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
</tr>
<tr>
<td>Jane</td>
<td>28</td>
</tr>
</table>
Table Footer Element
<tfoot>
<tr>
<td>Total</td>
<td>58</td>
</tr>
</tfoot>
Unordered List Element
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Video Element
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>