How to Change the Font Color of an HTML Table

Editing HTML in a text editor is not like editing a document and changing preferences in a Microsoft Word document. There are two ways to change the font color of a table created with HTML. If you want to change the color of a single line of text, you can use the "<font>" tag to define the color. Alternatively, if you have multiple cells or rows or want to change the color of the entire table, you can use CSS style tags.

Step

Start Notepad or another text editor and open the HTML document containing the table you want to change.

Step

Locate the string of text in your table you want to change to a different color.

Step

Insert "<font color="colorname">" (without the quotes on the ends) before the text, where "colorname" is the name of the color you want the text to be. Use the "</font>" tag after the string of text. For example, to change the font color to purpose you would type the command below. <font color="purple">Purple Text</font>

Step

A list of colors can be found in the Resource section below.

Step

Start Notepad or another text editor and open the HTML document containing the table you want to change.

Step

Locate the table row you want to change to a different color.

Step

Place your text insertion point in the <tr> tag of the table row you want to change and alter it to "<tr style="color:colorname">," (without the quotes on the ends) where "colorname" is the color you want the text to be. For example, to change the text color to purple type the command below. <tr style="color:purple">

Step

Start Notepad or another text editor and open the HTML document containing the table you want to change.

Step

Locate the table you want to change to a different color.

Step

Place your text insertion point in the <table> tag of the table you want to change and alter it to "<table style="color:colorname">" (without the quotes on the ends), where "colorname" is the color you want the text to be. For example, to change the text color of the entire table type the command below. <table style="color:purple">