Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Voices That Matter

  • Print
  • + Share This
This chapter is from the book

Creating Headings

In some ways, headings are your most important tool for guiding readers through your Web pages. While paragraph-level text supplies the content of your pages, it’s the headings that give it structure. Properly functioning headings enable readers to scan a page for a particular topic—without needing to read any of the text details.

HTML offers six sizes of headings, with h1 being the largest and h6 the smallest. None of the sizes come with a fixed value. Think instead of h1–h6 headings as a way to clue the reader about the relative importance of one item to another. Save h1 for your most important headings, for example, such as the tops of pages. H2 and h3 then might be used for subheadings, while h4 or h5 might mark sections in your sidebars. The main thing: Be consistent in using the sizes to structure your content. As for making your headings black or red, serif or sans serif, that’s best done using CSS, as explained in “Creating Styles with CSS” on page 123.

To create a heading:

  1. Click anywhere in the text you want to make into a heading (Figure 4.28).

    Figure 4.28

    Figure 4.28 Click anywhere in the line you want to make into a heading.

  2. Click the Style drop-down menu in the Common or Formatting toolbar, and choose a heading size (Figure 4.29).

    Figure 4.29

    Figure 4.29 Click the Style drop-down menu in the Common or Formatting toolbar to choose a heading size.

    The heading is applied to the text (Figure 4.30).

    Figure 4.30

    Figure 4.30 The selected line turns into an h2-sized heading.

  • + Share This
  • 🔖 Save To Your Account