HTML Tutorial Lesson 21: Introducing HTML5

TwitterShare/Bookmark

[Lesson 20]<<[Contents]>>[Lesson 22]

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 look 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