After write about Banner Exchange with XHTML Tutorial , now it is the time to write about   table in XHTML. Hope you able to understand

Basically, table is divide into 3 part : <table> <tr> and <td>

Now I will explain each component in table

<table width=”398″ height=”234″ border=”1″ align=”center” background=”http://www.imagedum.com/images/344_Dreams_by_Double_G.jpg” bordercolor=”#FF0000″ cellpadding=”2″ cellspacing=”3″>

<tr>
<td bgcolor=”#00FF00″>
<font color=”#000000″ face=”Verdana” Size=”3″> 1 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 2 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 3 </font>
</td>
</tr>
<tr>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 4 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 5 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 6 </font>
</td>
</tr>
<tr>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 7 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 8 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 9 </font>
</td>
</tr>
</table>

THE RESULT

Confusing? Hope not.

You can see the number 1-9 is appear in every cell in
table. That means the CELL CONTENT is available in TD tag. If you confused,
first step is write all number between TD tag, It will help you a lor.

This is explanation about table attribute :

width = table width
height = table height

border = Border thickness

bordercolor= For change Border color
align = Position table in center/left/right
background= BG image
cellpadding = Distance between border to cell

cellspacing = Distance between cell

These property also available for TD tag. So you can use it
at TD too.

If you still confuse, feel free to ask. ^^

Be Sociable, Share!

• 

Tags: Table, Tutorial, XHTML —