JavaScript Tutorial JavaScript Examples CSS Tutorial HTML Tutorial About Us

Lesson 21: Introduction to HTML 5


HTML5 introduces many new elements that are used to separate a webpage into different sections. In the old HTML, we use the <div> tag to divide a webpage into different sections, such as the header, the navigation section, the content, the article section and the footer. However, in HTML5, we will know the kind of content from the names of its elements. For examples,  <header> indicate the  header section, <nav> indicate the navigation section, <article> indicate the article section, <footer> indicated the footer section and more.

A typical HTML5 document looks like this

<html>
<head><title>Unordered List</title></head>
<body>
<header>
<h1> Fruits</h1>
<nav>
<ul>
<li><a href="">Link1</a></li>
<li><a href="">Link2</a></li>
<li><a href="">Link3</a></li>
<li><a href="">Link4</a></li>
<li><a href="">Link5</a></li>
</ul>
</nav>
</header>
<article>
HTML5 introduces many new elements that are used to separate a webpage into different sections. In the old html, we use the <div> tag to divide a webpage into different sections, such as the header, the navigation section, the content, the article section and the footer.
</article><article>
However, in HTML5, we will know the kind of content from the names of its elements. For examples,  <header> indicates the the header section, <nav> indicates the navigation section, <article> indicates the article section, <footer> indicates the footer section and more.
</article><footer>
Copyright © 2009 htmltutor.org
</footer>
</body>
</HTML>
The Output

Fruits

HTML5 introduces many new elements that are used to separate a webpage into different sections. In the old html, we use the </div>tag to divide a webpage into different sections, such as the header, the navigation section, the content, the article section and the footer.
However, in HTML5, we will know the kind of content from the names of its elements. For examples,header indicates the the header section, <nav>indicates the navigation section, <article>indicates the article section, <footer>indicates the footer section and more.
Copyright © 2009 htmltutor.org


❮ Previous Lesson Next Lesson ❯


Copyright©2008 Dr.Liew Voon Kiong. All rights reserved |Contact|Privacy Policy