HTML Tablo Özellikleri

Tablo özellikleri :

<table></table>  : tablonun başlangıç ve bitiş kodu

<tr> </tr> : satır kodu

<td> </td> : sütun kodu

<th> </th>: tablo başlığı

<colspan> : hücre birleştirme, yan yana

<rowspan>: hücre birleştirme, alt alta

<cellspacing> : hücreler arası boşluk

<cellpadding> : hücre içindeki bilgiler ile hücre arasındaki boşluk

<width> genişlik

<heigth> yükseklik

<border> : çizgi kalınlığı
<bgcolor> : arkaplan rengi

<bordercolor> : kenar çizgi rengi

Örnek :

<table bgcolor="yellow" bordercolor="pink" border="1" width="500px" heigth="100px" cellspacing="5" cellpadding="50" >

 <tr> <td>   tablo örnek  </td><tr>

 </table>

    </br> </br>

<table bgcolor="yellow" bordercolor="pink" border="1" width="100px" heigth="100px" cellspacing="5" cellpadding="25" >

<tr>  <td> hücre 1  </td> <td colspan="2">  hücre 2 </td>  <td>  hücre 3 </td> </tr>

 <tr>  <td> hücre 4  </td> <td rowspan="2">  hücre 5 </td>  <td>  hücre 6 </td> <td>  hücre 7 </td></tr>

 <tr>  <td> hücre 8   </td> <td>  hücre 9 </td>  <td>  hücre 10 </td> </tr>

çalışmalara ait örnek link:

html tablo özellikleri