Colors & Links
Coloring and Creating Links
Coloring Tables:
Coloring tables is an effective means of adding graphic/color elements
to a web page without attaching a lot of bandwidth consuming images. It is as simple
as inserting bgcolor = #66cc00 as an attribute to the different <table>
tags:
TASK HTML Syntax
Color the area behind the entire table |
<table bgcolor = #336699> |
| Color the area behind a single row | <tr bgcolor = #336699> |
| Color the area behind a single cell | <td bgcolor = blue> |
| Color around the border of a cell | <table bordercolor =blue> |
Creating links:
Inserting links inside tables is similar to inserting links at any part
in a HTML document, using the keyword “href”.
Step One:
Open yourlastname.htm
Step Two:
Below the second table enter:
<table width="100%" border="1" bgcolor="#FFFFCC"
bordercolor="#000000">
<tr bgcolor="#FFFFCC" bordercolor="#000000">
<td> <div align="center">
<a href="yourlastname.txt">Text Only</a>
</div>
</td>
<td> <div align="center">
<a href="yourlastname.pdf">PDF</a>
</div>
</td>
<td> <div align="center">
<a href="yourlastname.doc">MS Word</a>
</div>
</td>
</tr>
</table>
<br>
Step Three:
Save and load into your web browser.
Your page should now look like this:
