Applying styles to text

Use Claris Home Page to apply standard HTML formatting styles to paragraphs and to individual characters or words easily. In Edit Page mode, choose a style and Claris Home Page adds the appropriate HTML tags to the text or paragraph for you.

Using paragraph styles

You can use paragraph styles to format different level headings, lists, quotes, and bylines and to align paragraphs to the sides of the page.

When you apply a paragraph style, the change affects all of the text within the paragraph. In most cases, if text within the paragraph already has a character style, it adopts the paragraph style in addition to the character style. For example, if you make the first word in a paragraph italic and then make the paragraph into a heading, the first word is still set in italic.

To apply a paragraph style:

1. Select the paragraph or group of paragraphs you want to format.
   
2. Choose the style from the Format menu.

   Choose one of these styles	To do this
   Normal	Remove any Heading, Preformatted, Address, or List styles from a paragraph.
   Preformatted	Format the text of the paragraph to display in the monospace font used by the Web browser. This causes all of the characters typed to have the same width so you can use multiple spaces to line up text exactly how you want it to look. Note Tables are more useful for presenting text in multiple columns as long as the browser supports tables. For more information on tables, see Adding tables to your Web page.
   Address	Format your byline or address so your audience can find it easily. Note Bylines and the email address of the Web page author are usually placed at the bottom of the Web page, separate from other text.
   Headings 1-6	Format text with six different heading levels, where Heading 1 is the largest and Heading 6 is the smallest.
   Bullet List, Definition List (Term and Definition), or Numbered List	Format paragraphs into a list of items. You can choose from several different types of lists depending on the information you are presenting. For more information, see Creating a list.
   Number List Style	Label the numbered list items using alphabetic or numeric characters.
   Increase Indent	Format a paragraph as an extended quotation by indenting both the left and right sides of the paragraph. Uses the <BLOCKQUOTE> tag.
   Decrease Indent	Remove the indentation of the paragraph. Removes the <BLOCKQUOTE> tag.
   Alignment	Align text to the left side, center, or right side of the Web page. Choose Align Left, Align Center, or Align Right from the submenu.

Using character styles

Claris Home Page provides styles for applying HTML attributes to text characters. Character styles include physical and logical character styles, and Font, Size, and Text Color.

Characters formatted with a physical style (such as Bold, Italic, or Strikethrough) look the same no matter what browser they appear in as long as the browser supports that physical style. (If a browser doesn't support the style, then there's no way of knowing how the characters will be interpreted.)

Characters formatted with a logical style appear differently depending on how a browser interprets that style. For example, characters formatted with the Emphasis style might appear in italics in one browser while in another browser they might appear underlined. This allows for more flexibility between browsers.

Here is how Claris Home Page displays the logical styles it supports. Remember, they may look different in other browsers.

To apply a character style:

1. Select the characters you want to format.
   
2. Choose one or more character styles from the Style menu.

   Type of character style	Choose one of these styles	To do this
   Physical styles	Plain	Remove all physical and logical character styles, such as Bold. Does not affect Font, Size, or Text Color.
   	Bold	Make text bold.
   	Italic	Make text italic.
   	Underline	Make text underline.
   	Strikethrough	Make text strikethrough.
   	Superscript	Make text superscript.
   	Subscript	Make text subscript.
   	Teletype	Make text teletype.
   Logical styles (choose Other from the Style menu)	Strong	Indicate the text is very important.
   	Emphasis	Indicate the text is important.
   	Citation	Indicate that the text is from a book or other document.
   	Inserted	Indicate that the text has been inserted into the document.
   	Deleted	Indicate that the text has been deleted from the document.
   	Sample	Indicate that the text is a sequence of literal characters.
   	Keyboard	Indicate that the text is keyboard input.
   	Variable	Indicate that the text is a variable.
   	Code	Indicate that the text is code.
   Font	None	Make text display in the default font of the Web browser.
   	Other	Type a list of fonts separated by commas (for example, Helvetica, Ariel, Courier). The text will display in the first listed font found on the browser's system.
   	(Font name)	Make the text display in the font specified. (If the font is not available on the browser's system, another font will be substituted.)
   Size	1 through 7 (3 is the default)	Format text with 7 sizes where 7 is the largest size and 1 is the smallest.
   	Increase	Format text with the largest size (same as 7).
   	Decrease	Format text with the smallest size (same as 1).
   Text Color	Black, White, Gray, Red, Blue, Green, Magenta, Cyan, Yellow, and Other	Make the text a different color. For more information, see Changing the color of text.

Removing paragraph or character styles

To remove a paragraph style, you reset the selected text back to Normal. Select the text and choose Normal from the Format menu. (Character styles remain unaffected.)

To remove all character styles from text, select the text and choose Plain from the Style menu.

Changing how text is displayed in Claris Home Page

To make working with text easier, you can change how text is displayed in Edit Page and Preview Page modes without affecting the actual HTML formatting styles of the text.

Note This procedure does not change the way text is displayed in your Web pages on the Internet.

To change how the text is displayed in Claris Home Page:

1. Choose Application Options from the Tools menu (Windows) or Preferences from the Edit menu (Macintosh).
   
2. Click the Fonts tab.
   
3. Choose a font type and size.
   
   Change the proportional font settings to set how normal or plain text appears. Change the monospaced font settings to set how text appears in form fields and with the Preformatted or Teletype styles.

Note The default display font setting is Times, 12 points.

Formatting special characters

Characters that require more than one key to type, such as the copyright symbol (©), are not guaranteed to appear in all browsers or on all types of computers. To ensure special characters like this appear in your Web page, you type numeric entities assigned by the International Standards Organization (ISO) in the HTML Code text box. For example, the numeric entity for the copyright symbol is ©. The actual character appears when you preview the page in a browser or after you close and reopen the page in Claris Home Page.

For a complete list of the ISO Latin-1 character set and the assigned numeric entities, see Codes for special characters.

To enter a special character:

1. Switch to Edit Page mode, if necessary.
   
2. Place the insertion point where you want the special character to appear.
   
3. Choose HTML from the Insert menu and then choose Code.
   
   An HTML Code icon appears in your page and the HTML Code window opens.
   
4. Type &#, the number for your special character, and a semicolon (;) in the HTML Code window.
   
   When you add &# before the number, the number is recognized as a numeric entity for a special character.
   

   

    

5. Click the close box of the HTML Code window.
   
   The HTML Code icon remains as a placeholder for the code you assigned. The special character appears when you view your page in a browser, and it also appears in Claris Home Page the next time you open the file.
   
   
   
   To enter in HTML code as a comment, click the Include<!--NOEDIT--> Marker checkbox. When checked, Claris Home Page will not convert the HTML code between the comment lines.