HTML Tables

TABLES

<table> </table>

FRAMESETS

TAGS	ATTRIBUTES	USE
<TABLE></TABLE>
	BORDER=”20”	Creates visible border (default does not have border)
	WIDTH=”200”	Creates width of entire table. When the window is smaller than width of table, table will not be squeezed
	ALIGN=”RIGHT”	Aligns entire table within the browser window
<TR>  (td tags will go here) </TR>		table row: creates row
<TD>              </TD>		table data: to enter information inside of columns
	WIDTH=”200”	Creates width for a column
<CAPTION> Table’s Caption here </CAPTION>		Labels the table
<TH>    your header here            </TH> Goes within the <tr> tags. <td> tags are NOT necessary.		Table header: creates a heading that can be identified as such because it is in bold

 --

--

Ex. 2 rows, 1 col

<table>

<tr>               

<td></td>

</tr>

<tr>               

<td></td>

</tr>

</table>

ATTRIBUTES & OTHER FEATURES

<table align=”left/right/center”>

<table border=”11”>

<td colspan="2" background="photos/smiles.jpg" height="100">

Background photo (in tiles)

<table bgcolor=”blue”> <tr bgcolor=”red”> <td bgcolor=”yellow”>

Whole table background colour Whole row background colour Single cell background colour

<caption valign=”bottom/top”>

To determine whether the caption will be above/below

<table cellpadding="50"> <table cellpadding="50px">

To create space w.in cells. So contents are suspended in the center vertically and horizontally

<table cellspacing=”50”>

To make the cells exist w.out touching each other

<td colspan=”2/3/4/….”

NOT FOR WORDS THAT MAY WRAP. USE WIDTH ATTRIBUTE FOR WORDS THAT MAY WRAP. To make the column span over multiple columns. This has a 2 column span a b Nb for the above, you MUST delete content that would have been in the 2nd column. Like this: <table> <tr> <td colspan=”2”>This is a 2 column span </td> Here is left blank. No NOT enter the <td></td> tags when there should be no conent </tr> <tr> <td >a </td> <td >b </td> </tr> </table>

<table bordercolor=”red”

<td width=”800”

Use if you have tables with different columns that contain enough words that can span far enough that may wrap. NB colspan only will not stop words from spanning entire screen’s width. So specify width by using pixels. Specify for each column.

<TD> <IMG SRC="DIGITAL.GIF" ALT="DIGITAL" HEIGHT="15" WIDTH="15"> </TD>

To insert a photo within a table’s cell

Don’t enter percentages on tables too much since the table will become squeezed when someone adjusts the windows dimensions.