Html Tablo Uygulamaları 2

admin tarafından

14 Ekim 2014 2218 kez okundu Okuma süresi: 3dk, 42sn

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>&nbsp;</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>