html5 tags code example

Example 1: html tags

HTML Elements are what make up HTML in general.
This is a list of the main Html element tags. 
(There are more not included in this list.)
<!DOCTYPE> 	Defines the document type
<html> Defines the root of an HTML document </html>
<title>	Defines a title for the document </title>
<header> Defines a header for a document or section </header>
<main> Specifies the main content of a document </main>
<footer> Defines a footer for a document or section </footer>
<p>	Defines a paragraph </p>
<a>	Defines a hyperlink </a>
<b> Defines bold text </b>
<br> Defines a single line break </br>
<button> Defines a clickable button </button>
<div> Defines a section in a document </div>
<footer> Defines a footer for a document or section </footer>
<h1> to <h6> Defines HTML headings </h1> to </h6>
<img> Defines an image </img>
<ol> Defines an ordered list </ol>
<ul> Defines an unordered list </ul>
<li> Defines a list item  </li>
<script> Defines a client-side script </script>
<span> Defines a section in a document</span>
<table>	Defines a table </table>
<td> Defines a cell in a table</td>
<th> Defines a header cell in a table </th>
<tr> Defines a row in a table </tr>

Example 2: all semantic html tags

<article> 	Defines independent, self-contained content
<aside> 	Defines content aside from the page content
<details> 	Defines additional details that the user can view or hide
<figcaption> 	Defines a caption for a <figure> element
<figure> 	Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer> 	Defines a footer for a document or section
<header> 	Specifies a header for a document or section
<main> 	Specifies the main content of a document
<mark> 	Defines marked/highlighted text
<nav> 	Defines navigation links
<section> 	Defines a section in a document
<summary> 	Defines a visible heading for a <details> element
<time> 	Defines a date/time

Example 3: html elements list

The basic elements of an HTML page are:

A text header, denoted using the <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags.
A paragraph, denoted using the <p> tag.
A horizontal ruler, denoted using the <hr> tag.
A link, denoted using the <a> (anchor) tag.
A list, denoted using the <ul> (unordered list), <ol> (ordered list) and <li> (list element) tags.
An image, denoted using the <img> tag
A divider, denoted using the <div> tag
A text span, denoted using the <span> tag

Example 4: html elements list

<a href="" rel="" target=""></a>
<abbr></abbr>
<div></div>
<span></span>
<html></html>
<head></head>
<body></body>
<ul></ul>
<ol></ol>
<lh></lh>
<li></li>
<table></table>
<input type="" />
<meta http-equiv="" name="" content="" charset="" />
<title></title>
<thead></thead>
<dir></dir> WARNING: Don't use the dir tag. Use the ul tag instead.
<tbody></tbody>
<tr></tr>
<th></th>
<pre></pre>
<p></p>
<nav></nav>
<main></main>
<header></header>
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<footer></footer>
<i></i>
<b></b>
<u></u>
<style></style>
<link type="" rel="" href="" />
<img src="" alt="" srcset="" width="" height="" />
<q></q>
<script src="" type="" defer></script>

Tags:

Html Example