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>