html 5 elements code example

Example 1: 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 2: html elements

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 3: html semantic

<div></div>
    <span></span>
    <hr> <!-- horizontal rule is a divider -->
    <br> <!-- break make a break line -->
    <sup></sup> <!-- superscript add a notation (upp) -->
    <sub></sub> <!-- subscript add a notation (down) -->
    &lt; <!-- &; is used to print special or reserved character 
    &lt; = “<” and &gt; = “>” -->

Tags:

Html Example

Recent Posts