HTML and CSS Reference
Creating the Web Pages
IN CHAPTER 3, you focused on finishing off the page templates. Now you are going to put these page templates to
use to create each of the pages for your website.
You are going to learn about several new HTML elements as you progress through this chapter. You will build on
what you learned about heading elements in Chapter 3 and will learn how to properly group multiple heading elements
Text content will make up the majority of the content for the About page on your website. You will learn about a few
new elements that you can use to mark up text (such as <abbr> and <blockquote> ), as well as taking a deeper
look at the paragraph element. (Appendix A includes a number of other text elements that I couldn't fit into this
By the end of this chapter, you will have created all the pages for your website and added content to each of them. As
you progress through the rest of this topic you will optimize these pages using HTML5.
Adding Content to the Home Page
The home page is the first page that most people will see when visiting your website, so let's start there. In this sec-
tion, you'll learn about an HTML element called <hgroup> ; this is a new addition in HTML5.
Completing the Main Feature with
Headings and <hgroup>
The <hgroup> element is used in instances where you need to group multiple levels of heading elements.
You could use the <hgroup> element to group together the main title and subtitle of a topic.
<h2>Be Smarter Than Your Lawyer and Venture Capitalist</h2>
When you have two or more heading elements within a <hgroup> element, only the heading with the highest prior-
ity is taken into account by search engines and other algorithm-based programs when they examine the document
outline. (All heading elements will still be displayed on the screen by your web browser.)