Type: HomeSite 1.2
Change Text Color

You control the look of particular sections of type on your web page with the <FONT></FONT> tag pair and its attributes.
You can add attributes to your text with the buttons on the Fonts tab on the speedbar in HomeSite

Fonts tab

Clicking on the Quick Font button will bring up the Font dialog box.

Quick Font
Quick Font button

Font box

From this dialog box you can change the size, color, and face of your type.
Remember that when you change the color of your type, you must be sure you are providing a high contrast with the background of your page.
To use the Font dialog box to change your text color:
  • Use your cursor to highlight the text you want to color.
  • Click on the Quick Font button on the Fonts tab on the speedbar to bring up the Font dialog box.
  • Click on the Color box.
  • Click on the colored drop-down box on the far right to bring up the color choice boxes. Choose your color.
  • Click on OK.

The proper tags will appear around the highlighted text in your document.

Note: For more information about choosing colors for your web page see: HomeSite 1.2: Color: Changing Color.
You can also use the Tag List to add the <FONT></FONT> tag pair and its attributes to text of your choice. Note: See Start: Tour HomeSite 1.2 for a review of the ways to insert tags and attributes into your document.
To change the color of a particular section of text, use the color attribute in the <FONT> tag:

<FONT COLOR="#[rrggbb]">colored text</FONT>

Remember that [rrggbb] is the hexadecimal equivalent of the red, green, blue palette.

You can access the proper hexidecimal equivalent of any color available in the color box:

  • Insert your cursor at the point where you want to place the rrggbb value.
  • Click on the drop-down arrow on the Color button on the QuickTab speedbar.
  • Choose your color.  HomeSite will place the proper color code in your document.

Color Button
Color button

You might want to change the colors of your hypertext links as well, especially if your choice of background color or image does not provide enough contrast with the default hypertext link colors.

To change the colors of the hypertext links, put the following attributes in the initial body tag:

  • LINK for a hypertext link.
  • ALINK for an active hypertext link.
  • VLINK for a visited hypertext link.

<BODY LINK="#[rrggbb]" ALINK="#[rrggbb]" VLINK="#[rrggbb]" >

Note: For more information about choosing colors for your web page see: HomeSite 1.2: Color: Changing Color.

Type: HomeSite 1.2
Key Concepts
Change Text Style
Change Text Size
Change Text Color

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 18, 1999
© Agatha Taormina