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

Formatting text

GoLive lets you format text in a variety of ways. You use paragraph styles, such as Header 1 and Header 2, to format paragraphs. You use physical styles, such as Bold and Italic, to emphasize text. And you use structural styles, such as Emphasis and Strong, to both emphasize and classify text.


You can apply fonts, type sizes, and color to selected text using CSS styles or HTML text formatting attributes. Font sets (groups of font choices for Web browsers) that you create appear in the CSS Selector Inspector and the Type > Font menu. When you use the Type > Font menu or the Main Toolbar to apply font sets, relative sizes, or color attributes to selected text, GoLive places the information inside the font element. Because the font element is known to cause problems with browsers interpreting style sheets, you may want to avoid mixing your methods for applying these attributes. (For information on applying these attributes to text using CSS styles, see “Setting Font properties” in the Adobe GoLive CS Online Help.)

Now you'll apply paragraph styles to format the headings in the document.

Click anywhere in the “Putting a Price on Your Guitar” heading on the page.

Choose Header 1 from the Paragraph Format menu on the Main Toolbar to format the text as a heading.

Click in the “Getting Your Guitar Appraised” line of text, and choose Header 2 from the Paragraph Format menu to format the text as a subheading.

Now you'll apply physical styles to some of the text in the document.

Select the words “Classic Guitar” near the end of the paragraph before the “Getting Your Guitar Appraised” subheading.

Click the Bold button () on the Main Toolbar to make the selected text bold.

Applying physical style to text

You can easily remove a physical style and apply a new one.

Click the Bold button again to remove the bold style from the selected text.

Click the Italic button () on the Main Toolbar to italicize the selected text, and click in the blank space outside the text to deselect it.

Apply the italic style to the words “Musician's World” at the end of the same sentence.

You can also apply a structural style to selected text, by choosing an option from the Type > Structure menu.

Applying HTML structural attributes to inline text

Structural text attributes (also known as HTML content-based styles) let you define selected text in meaningful categories, such as text that needs special emphasis or a strong pronouncement. Web browsers vary in their interpretations for structural attributes as appropriate for their users. For example, one browser may use italics for the Emphasis attribute, while another browser may use bold face. Another browser used by the visually impaired may use a loud voice.

Using CSS styles in your style sheets, you can build upon these structural attributes. For example, to emphasize a word, use the Emphasis element to apply HTML structure to the text and then use a CSS style to make the word big and bold.

  • The Emphasis attribute is most commonly used to emphasize text. In most browsers, the selected text appears italicized.

  • The Strong attribute is used for strongly emphasizing text. In most browsers, it makes the selected text bold.

  • The Quotation (cite) attribute is used to identify the selected text as content taken from another source. Most browsers display quotations using a smaller font size and italics.

  • The Sample attribute is used to place special emphasis on small character sequences taken out of their normal context. Most browsers display samples using a monospaced font.

  • The Definition (dfn) attribute is used to define special terms or phrases, and to assist in creating a page index or glossary. Most browsers display definitions as plain text.

  • The Variable (var) attribute is used most often in conjunction with the Code attribute to represent variable names or user-supplied values within the code. Most browsers display variables with an italicized monospaced font.

  • The Code attribute is used for text that represents computer source code or other machine-readable content. Most browsers display code using a monospaced, teletype style font such as Courier.

  • The Keyboard (kbd) attribute is used to identify the selected text as text that is typed on the keyboard. Most browsers display keyboard entries using a monospaced font.

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