Html tablo nasıl oluşturulur , hangi komutlar kullanılır, ve html tablo örneklerini HTML Tablo Örnekleri konusunda vermiştik, şimdi de bir kaç farklı uygulama ile konuyu pekiştirelim
<table border="1" width="200"> <tr align="center"> <td rowspan="2" colspan="2" >2 satır ve <br>2 sütun birleştir</td> <td>T</td> </tr><!-- www.bilisimogretmeni.com --> <tr align="center"> <td>A</td> </tr> <tr align="center"> <td>E</td> <td>L</td> <td>B</td> </tr> </table>
<table border="1" width="200"> <tr align="center"> <td rowspan="3" >3<br>satır<br>birleştir</td> <td colspan="3">3 sütun birleştir</td> </tr> <tr align="center"> <td>H</td> <td>T</td><!-- www.bilisimogretmeni.com --> <td rowspan="2">2<br>satır<br>birleştir</td> </tr> <tr align="center"> <td>M</td> <td>L</td> </tr> <tr align="center"> <td colspan="4">4 sütun birleştir</td> </tr> </table>
<table border=1 align=center> <tr> <td rowspan=2 valign=middle border=0>rowspan=2, valign=middle</td> <td>Normal</td> <td>Normal</td> <td>Normal</td> <td colspan=2 rowspan=2 valign=bottom bgcolor=#FF00FF>colspan=2<br>rowspan=2<br>valign=bottom</td> </tr> <tr> <!-- www.bilisimogretmeni.com --> <td height=15>Normal</td> <td rowspan=2 align=right bgcolor=#aaaaaa border=0>rowspan=2</td> <td border=0>border=0</td> </tr> <tr> <td>Normal</td> <td>Normal</td> <td>Normal</td> <td rowspan=3 valign=top bgcolor=#CC3366>rowspan=3</td> <td>Normal</td> </tr> <tr bgcolor=#cccccc> <td>Normal</td> <td colspan=3 align=center>align center, colspan=3</td> <td>Normal</td> </tr> <tr> <!-- www.bilisimogretmeni.com --> <td align=right valign=bottom>align=right<br>valign=bottom</td> <td>Normal</td> <td> </td> <td>Normal</td> <td height=20>height=20</td> </tr> </table>
<html> <body> <table border="1" width="200" align="center"> <tr align="center"> <td>1</td> <td colspan="3">2</td> </tr><!-- www.bilisimogretmeni.com --> <tr align="center"> <td rowspan="3">3</td> <td bgcolor="red">4</td> <td bgcolor="#aa22EE">5</td> <td rowspan="2" bgcolor="red">6</td> </tr> <tr align="center"> <td bgcolor="red">7</td> <td bgcolor="#aa22EE">8</td> </tr> <tr align="center"> <td colspan="2" bgcolor="yellow">9</td> <td bgcolor="#aa22EE">10</td> </tr><!-- www.bilisimogretmeni.com --> </table> </body> </html>