eHow launches Android app: Get the best of eHow on the go.

How To

How to Use Font Color Tags in Html

Contributor
By eHow Contributing Writer
(2 Ratings)

Trying to change the font color on your website? Not sure how to use HTML? Follow these steps to use font color tags in HTML so you can add color and style to your website.

Difficulty: Moderately Easy
Instructions

Things You'll Need:

  • Web publishing software (such as NVU or Dreamweaver)
  1. Step 1

    In your web publishing program, open the web page that you want to edit.

  2. Step 2

    View the source code by clicking on the toolbar “View” then “HTML Source.”

  3. Step 3

    On the web page, find the text for which you want to change the color.

  4. Step 4

    Choose a font color to use. You can use a color name or use the color hexadecimal code if you want a precise shade. For color choices, go to the site listed in Resources, below (HTML Colors and Hexadecimal Codes).

  5. Step 5

    Type in the HTML tags surrounding (right before and after) the text you want to change. The opening and closing HTML tags will start with a less than sign (<) and end with a greater than sign (>). The opening tag will be <font color="colornamehere"> and the ending tag will be </font>. For example, if you want the change the words “this is a test” to red, you would type:<font color=“red”>this is a test</font>

  6. Step 6

    Switch back from the HTML source view to the normal view to test that the font color changed successfully. From the toolbar, click on “View” and “Preview.” If it isn’t working, check in the HTML source view that you entered the HTML syntax correctly as listed in Step 5.

  7. Step 7

    Save the file to keep your new changes to your font color, by clicking on “File” in the toolbar, then “Save.”

Tips & Warnings
  • Avoid colors that may be hard to read against your web page’s background color. To view your changes online, you need to re-publish the web page.
  • Remember to save your changes to the web pages.
Subscribe

Post a Comment

Post a Comment

Related Ads

  • Have you done this? Click here to let us know.
I Did This
Tags
Get Free Internet Newsletters

Copyright © 1999-2009 eHow, Inc. Use of this web site constitutes acceptance of the eHow Terms of Use and Privacy Policy.   en-US Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License.

Demand Media
eHow_eHow Technology and Electronics