Adding and Formatting Text - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 164

◗

2. Scroll to the top of the page, locate the body tag, and then locate the first para-
graph tag <p> below the body tag.

◗

3. Right-click the paragraph tag <p> , and then click Reference on the context
menu. The Reference panel opens, displaying information about the paragraph
tag. See Figure 3-34.

Figure 3-34 Reference panel for selected HTML paragraph tag

descript i on of
the sele c ted tag

◗

4. Read the information in the Reference panel, and then look at the code. There are
five sets of paragraph tags.

◗

5. Select the entire fifth paragraph tag, including the text “then,” on the Document
toolbar, click the Split button. The linked text is selected in the Design pane of
the Document window.

◗

6. In the Design pane, select the NextBest Fest Home text. The text is also selected
in the Code pane.

◗

7. In the Code pane, click in the opening <h1> tag before the selected text,
right-click the selected tag, and then click Reference on the context menu. A
description of the <h1> to <h6> tags appears in the Reference panel. Read the
description.

◗

8. In the Code pane, select the line break tag <br /> , right-click the selected tag,
and then click Reference on the context menu. Read the description of the
<br /> tag.

◗

9. Examine the code for the rest of the page, using the Reference panel to learn
about any tags that you do not recognize.

◗

10. Collapse the Results panel group , click the Design button on the Document tool-
bar, and then save the nbf_styles.css style sheet and close the home page.

Formatting Text with HTML
At times, you might work on Web sites that were created in an earlier version of HTML.
It is not a good idea to add CSS styles to these sites. Instead, you can use HTML tags
to format the pages. For more information, read the About formatting text (CSS versus
HTML) and Use HTML Formatting topics in the Adding and formatting text section of
Dreamweaver Help.
The attributes and process for formatting text using the HTML font tag are not the
same as the ones you have learned for formatting text using CSS styles. The following
overview describes the properties associated with the font tag. You can set the proper-
ties for a single letter, a word, a line of text, or an entire block of text. The properties for
text formatting are similar to those in a word processing program; however, when text is
formatted, HTML tags are added behind the scenes. Text formatting properties include:
format, font, font size, font color, emphasis, alignment, lists, and indents.