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

Applying Headings

After paragraphs, headings are the most important structural element on most Web pages. Headings point your site’s visitors to essential information on the page, and they separate sections of the page. Think of headings as being similar to headlines in a newspaper.

Text you enter into Dreamweaver begins with no heading; Dreamweaver refers to this text as None in the Property inspector. As soon as you press Enter (Return), Dreamweaver wraps the text in paragraph tags, and the text becomes paragraph text.

HTML has six sizes of headings, plus paragraph text red_circle_a.jpg. These headings don’t have a fixed point size, unlike headings in, say, Microsoft Word or Adobe InDesign. Instead, they are sized relative to one another and to the size of the paragraph text, and the size that the user sees depends on the settings in the user’s Web browser. By default, headings are usually displayed in boldface.

You can change the look of headings (their size, font, color, and so forth) using CSS, which we’ll cover in Chapter 7.

To apply a heading:

  1. Click in the line you want to change.

    Note that you don’t have to select text; a heading is a block style, so it affects the entire paragraph the cursor is in.

  2. Choose Format > Paragraph Format > Heading x, where x is the heading size you want red_circle_b.jpg.

or

Press Ctrl-1 for Heading 1, Ctrl-2 for Heading 2, and so on. On the Mac, press Cmd-1 for Heading 1, Cmd-2 for Heading 2, and so on.

or

Choose a heading from the Format pop-up menu in the HTML mode of the Property inspector red_circle_c.jpg.

04fig12.jpg

red_circle_c.jpg Another way to choose the heading size is to use the Format menu in the HTML mode of the Property inspector.

or

Click one of the heading buttons in the Text category of the Insert panel red_circle_d.jpg.

04fig13.jpg

red_circle_d.jpg The Text category of the Insert panel gives you buttons with many options, including ways to apply three heading sizes.

There are only buttons for Heading 1, Heading 2, and Heading 3, which are listed as h1, h2, and h3, respectively.

The text changes to the heading you selected.

To turn text into paragraph text:

  1. Click in the line you want to change.
  2. Choose Format > Paragraph Format > Paragraph.

    or

    Choose Paragraph from the Format pop-up menu in the HTML mode of the Property inspector.

    or

    Press Ctrl-Shift-P (Cmd-Shift-P).

    Dreamweaver changes the text into a paragraph.

To remove heading formatting:

  1. Click in the line you want to change.
  2. Choose Format > Paragraph Format > None.

    or

    Press Ctrl-0 (Cmd-0). (Those are zeros, not the letter “O.”)

    The Format menu of the Property inspector changes to None, indicating that the text has no heading or paragraph style assigned to it.

  • + Share This
  • 🔖 Save To Your Account