ALS 3203 - Lesson 6
More HTML - Colors

HTML color tags are described at numerous URL's listed in the Lesson 6 Glossary. Here are a few more: (if any of these do not work, Google html colors and you will find many web sites).

HTML word colors - http://www.htmlgoodies.com/tutors/colors.html

Hexadecimal color codes - http://www.december.com/html/spec/color.html

Here are a few additional comments about colors. HTML tags for colors begin with a quotation " mark and the pound # sign, as in "#xxyyzz" where the xxyyzz are varying amounts of red, green, and blue. These values are usually expressed in hexadecimal code. Colors may also be applied to text. An example is <font color="#ff0000">red text</font>which would produce red text. Colors may also be applied to the following:

  • <body>, as in <body bgcolor="#ff0000"> (produces a red background color for entire page).
  • text; (entire words as seen above), single letters, entire paragraphs
  • <td>:, a table cell, as in <td bgcolor="#ff0000">: would produce a red table cell
       
  • <table>, as in <table bgcolor="#ff0000"> would produce a table with a red background .
       
       
  • You can combine bgcolor for tables and cells, as well as text colors, in the same table:
  • <!--the first line below creates a table 80 pixels wide with bgcolor-->
  • <!--these 2 lines would not be displayed in a browser-->

  • <table border bgcolor="#ff0000" width="80">
  • <!--this line creates the first row and a cell with bgcolor #0000ff, font color #00ff00-->

  • <tr><td bgcolor="#0000ff"><font color="#00ff00">some</font></td>
  • <!--this code creates an empty cell, and ends the row-->
  • <td>& nbsp; </td></tr>
  • <!--a second row is created (see below), and table is ended-->

  • <tr><td>& nbsp; </td><td bgcolor="#00ff00">text</td></tr>
    </table>
    some  
      text
  • Note: Color CANNOT be reliably applied to <hr>, a line
Now all that is needed to use these is your imagination and a task to accomplish. That's your exercises, including the Quilt Challenge!

Begin lesson Lesson 6 Glossary
Today is: | ©P. M. Choate 2009
University of Florida Home Page