- Adding Text
- Cutting, Copying, and Pasting Text
- Dragging and Dropping Text
- Using Paste Special
- Applying Headings
- Applying Character Formats
- Applying HTML Text Styles
- Using Preformatted Text
- Adding Line Breaks
- Indenting and Aligning Text with HTML
- Working with Lists
- Inserting Special Characters
- Working with Font Styles
- Using Web Fonts
- Adding Automatic Dates
- Finding and Replacing
- Finding Text with a Simple Search
- Performing Advanced Text Searches
- Finding and Replacing in Source Code
- Finding and Replacing with a Specific Tag
- Using Regular Expressions for Searching
- Checking Spelling
This chapter is from the book
This chapter is from the book
This chapter is from the book
Applying Headings
After paragraphs, headings are the most important structural element on most webpages. 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 
. 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.
)
Examples of the six heading sizes, plus paragraph, which is usually used for body text.
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
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.
Choose Format > Paragraph Format > Heading x, where x is the heading size you want
.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
.
Another way to choose the heading size is to use the Format menu in the HTML mode of the Property inspector.or
Choose one of the heading options from the Heading pop-up menu in the Structure category of the Insert panel
.
The Structure category of the Insert panel gives you a pop-up menu with the six heading sizes.The text changes to the heading you selected.
)
To turn text into paragraph text
- Click in the line you want to change.
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
- Click in the line you want to change.
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.