Even More HTML
Computing Resources >> Tutorials >> Web Development >> Even More HTML 

Text Alignment

Tables: Basics

Nested Tables

Experience Table

Definition Lists

Anchors

Colors & Links

Other Tags

Tutorial Handout

Evaluate this tutorial

 

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:


next section >

 

 

© 2003 Mrudula Yadav | iSchool | UT Austin | webmaster