Table tutorial with XHTML part 1
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
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
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. ^^
[...] http://grabtutorial.com/ [...]