HTML Help

Colors

As you have seen from the Basic Codes section, HTML is very simple to use and makes your Art Gallery or Student Blog very unique and more organized.

Now, lets take a look at your student hompage so far.

Where is your site content? It is on there somewhere, but it is so hard to read!

If we use our mouse to highlight the text, we can finally find it and read it. But this is such a pain and does not look nice, either. So what can we do?

We can use an HTML color code.

Opening Tag Your Text Closing Tag The Result
<font color="white"> The text is now white! </font> The text is now white!

Now lets put this color code in our Textblock.

1. On WebCT, select the Edit/Add upper textblock option from the drop-down menu.

2. Before your text, type in the Opening Tag from the chart above. After the text, type in the Closing Tag.

3. Press [Update] and viola! Your text is now white and readable.

You can do this also for any text that is in the Lower Textblock.

Do not like white or does white not show up on your background? You can use any color from the chart below.

Basic Color Chart
orange yellow white
darkred red pink
darkblue blue lightblue
darkgreen green lightgreen
black gray silver

However, this only gives you a limited number of colors. If you want a large amount of colors, you can use a hexagonal color code. Instead of a word, ie. "white", you will insert the six-digit number code for that color, ie. "#ffffff".

Click here for a website that has a list of the hexagonal color codes. You can copy the code (it always begins with the # symbol) and paste it into your textblock. Do not forget the # sybmol!

If you are ready to continue, lets see what is under the Miscellaneous section.