• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 1. Learning the Basics > Applying HTML Styles

Applying HTML Styles

Now that you have several HTML styles defined, it's time to try applying them.

1.
With the HTML Styles panel open, select the definition term “Trough.”

In this case, the style to be applied is a paragraph, so make sure that you place the insertion point within the text.

2.
Click Term in the HTML Styles panel.

The style is applied to the paragraph.

3.
Apply the Term style to the remaining definition terms in the list.

The style is applied to the rest of the terms.

4.
Select the text “Long Cool One.” In the HTML Styles panel, click Boldit.

This time you are applying a selection style, so make sure that you highlight each word. After you click Boldit, the style is applied to the selected text.

5.
Apply the Boldit style to “Piece of Cake” and “Gripper.”

Selection styles like the one you are using are designated by a lowercase, underlined “a” in the HTML styles panel. Paragraph styles, on the other hand, are designated by a ¶ (paragraph) symbol.

6.
Select the text “Expected Conditions at the Big Kahuna Competition” and apply the Level3 style.

You have applied to your document a variety of HTML styles that can help you save time and maintain consistency throughout your site.

The HTML styles you create can be used in other projects or shared with other users. When you create an HTML style, a file named Styles.xml is saved in a folder named Library. You can copy the Styles.xml file and move it to other site folders.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint