Coloring Tags

Changing the color of different tags is very useful because it helps you pick out the information you need to find from a jumble of HTML. It is particularly useful when you are trying to study other people’s HTML. You may want to see how they have aligned an image. The link around the image is simply a distraction.

In this example you are going to make all the tags associated with tables yellow.

  1. Turn the Tag Manager on.

  2. On the View menu select ‘Resource Manager’, ‘HTML Tags’, or,

  3. Right click on any window from the Resource Manager ( the local file manager for example) and select HTML Tags from the right click menu.

  4. In the list of tags that appear, click on the <TABLE> tag.

  5. At the bottom of the HTML Tag Manager, click on the box next to the word ‘Front’.

  6. This opens a color picker. Select the color you want to use for the tag text.

  7. Click on the box next to the word ‘Back’. This lets you set the background color of your tag.

So far you have only made the <TABLE> tag yellow. Nearly all tables also use <TD>, <TR> and <TH>. Make these tags yellow as well. Now when you insert a table into your document, the tags appear as yellow, clearly defining your table.

I would recommend that the following tags should have their own color: tables, images and hypertext links. Generally, these three tag types make up the important content in a Web page. Having them clearly colored can aid editing.