Project 1: Building a Web Site Using HTML5 Blocking Elements

In this section you were introduced to the new SECTION, ARTICLE, NAVIGATION, ASIDE, HEADER, and FOOTER elements in HTML5 that allow you to apply a more easily readable structure to your web site design. In this project you will be building an entire web site that uses the new HTML5 blocking elements to illustrate how you can more effectively structure your code.

The site will consist of four pages, as follows:

  • Home page
  • Product page
  • News page
  • Contact us page

Styling Your Site with CSS

The project in this chapter is no exception. A Cascading Style Sheets (CSS) style document is included with the project files. Look for the file called “style.css” that is used to apply all of ...

Get HTML5, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.