HTML5 Basic Syntax

HTML5 is a next version of HTML. Here, you will get some brand new features which will make HTML much easier. These new introducing features make your website layout clearer to both website designers and users. There are some elements like <header>, <footer>, <nav> and <article> that define the layout of a website.

Let's see a simple example (syntax) of HTML5.

HTML5 Syntax

<!DOCTYPE>  
<html> 
<head>
      <title>HTML5 Syntax</title>
</head> 
<body>  
  <h1>Basic Syntax of HTML5</h1>  
  <p>Write Your First Paragraph.</p>  
</body>  
</html> â€‹

Output :

Basic Syntax of HTML5

Write Your First Paragraph.

HTML5 Commenly Used Tags

Tag	Description
<header>	Specifies a header for a document or section
<nav>	The <nav> element defines a set of navigation links.
<section>	The <section> Element defines a section in a document.
<article>	Specifies independent, self-contained content.
<aside>	The <aside> element defines some content aside from the content it is placed in (like a sidebar).
<figure>	Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer>	Defines a footer for a document or section

HTML5 Syntax : 2

<!DOCTYPE html>
<html>
 
   <head>
      <meta charset="utf-8">
      <title>HTML5 Sample Syntax</title>
   </head>
 
<body>
<header><h2>HTML5 SAMPL SYNTAX</h2></header>
      <nav>
      <ul type="square">
        <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Gallery</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
      </nav>
 
      <article>
         <section>
            <h3>This is Section Tag</h3>
         </section>
      </article>
 
 <aside><h3>This is Aside Tag</h3></aside>
      
 
     <figure><img src="images/Free-Time-Learning.png" width="151" height="70"></figure> 
      
 
<footer><p>&copy; Copy rights 2017. <a href="http://www.freetimelearning.com">www.freetimelearning.com</a></p></footer>
      
</body>
</html>

Output :

HTML5 SAMPL SYNTAX

This is Section Tag

HTML5 Tutorial