In this third tutorial in the HTML5 CSS Starter Page series, we're going to mark up the layout for Stringendo Studios. We'll be using many of the new semantic elements of HTML5. We'll then run the page through an HTML5 outliner and modify the code as needed.

This tutorial includes start and completed exercise files.

The HTML5 CSS Starter Page Series:
The HTML5 CSS Starter Page Series - Part 1
The HTML5 CSS Starter Page Series - Part 2: Content Models
The HTML5 CSS Starter Page Series - Part 3: Constructing the Layout...

Related Articles

• The HTML5 CSS Starter Page Series - Part 14: Optimizing for Phone and Tablet
• The HTML5 CSS Starter Page Series - Part 13: CSS3 Media Queries and the Mobile Web
• The HTML5 CSS Starter Page Series - Part 12: Styling Data Tables
• The HTML5 CSS Starter Page Series - Part 8: Site Tasks
• The HTML5 CSS Starter Page Series - Part 7: Styling the Navigation for the Layout

• The HTML5 CSS Starter Page Series
• What's New in the Adobe BrowserLab CS Live Service
• Color Picker Extension
• Introducing CMX JumpStart Merry Christmas
• CMX JumpStart: Merry Christmas
• Diff (file differences) and Dreamweaver
• The CS5 CSS Starter Page Series Part 15: Lesson Plan for Teachers
• New Dreamweaver Template Tutorials
• Introducing CMX JumpStart Lucknow
• CMX Jumpstart: Lucknow