Cover by Matthew West

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

O'Reilly logo

chapter three

Creating the Page Templates

In this chapter, you are going to continue to work on the page templates that you have been creating in Chapters 1 and 2. You will learn about several new HTML elements, such as heading elements, links, and lists. Once you are comfortable with these new elements, you will use them to complete your page templates, ready for adding the content, which you’ll do in Chapter 4.

Adding a Logo

In this section, you learn about HTML heading elements and how they differ from the standard text in your web pages. Once you have grasped the concept of headings, you will use one to create the logo for your page templates.

Understanding Headings

Just as you use different levels of headings in a book to help you understand the structure of the content, in HTML, you can use the <h1>, <h2>, <h3>, <h4>, <h5>, and <h6> elements to mark up headings and signify their relative importance on the page. The number in the element name represents the rank of the heading element, with 1 being the highest rank and 6 the lowest. Heading elements with the same tag have equal rank. For example, you could mark up the title of a book as follows:

<h1>Venture Deals</h1>

<h2>Be Smarter Than Your Lawyer and Venture Capitalist</h2>

You use the <h1> element for the main title of the book and the <h2> element for the subtitle, signifying their respective importance.

Headings also create implied subsections of the content, just as you would use a subheading to indicate the start ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required