Web Tasarım ve Prog.Html<Table> Etiketi ile Kullanılan Parametreler 1

Tablo oluştururken tablomuza istedigimiz görünümü vermek için çeşitli parametreler kullanılır.

• border
• bordercolor
• bgcolor
• background
• Width
• Height
• Colspan
  
• Rowspan
• Cellspacing
• Cellpadding

Border

Bu parametre tablomuzun çerçeve kalınlığını belirler. Parametre kullanılmadığı durumda var sayılan değeri Border="0" dır yani tablo çizgileri tarayıcıda görüntülenmez.

Örnek : Çerçeve kalınlığı 5 olan 2 satır 2 sütunlu tablo

<table border="5">   
  <tr>
    <td>1.Satır 1.sütun </td> 
    <td>1.Satır 2.sütun </td> 
  </tr>
  <tr>
    <td>2.Satır 1.sütun </td> 
    <td>2.Satır 2.sütun </td> 
  </tr>
</table>

 

Bordercolor

Çerçeve rengini belirlemek için kullanılır.

Örnek :

<table border="1" bordercolor="#ff0000">   
  <tr>
    <td>1.Satır 1.sütun </td> 
    <td>1.Satır 2.sütun </td> 
  </tr>
  <tr>
    <td>2.Satır 1.sütun </td> 
    <td>2.Satır 2.sütun </td> 
  </tr>
</table>

 

 

Bgcolor 

Bu parametre tablo arkaplan rengini belirlemek için kullanılır.

Örnek :

<table border="1" bgcolor="#ffff00">   
  <tr>
    <td>1.Satır 1.sütun </td> 
    <td>1.Satır 2.sütun </td> 
  </tr>
  <tr>
    <td>2.Satır 1.sütun </td> 
    <td>2.Satır 2.sütun </td> 
  </tr>
</table>

 

Örnek :

<table border="1" bgcolor="#000080">   
  <tr>
    <td bgcolor="#cccccc">1.Satır 1.sütun </td> 
    <td bgcolor="#cccccc">1.Satır 2.sütun </td> 
  </tr>
  <tr>
    <td bgcolor="#eeeeee">2.Satır 1.sütun </td> 
    <td bgcolor="#eeeeee">2.Satır 2.sütun </td> 
  </tr>
</table>

 

Background

Tablonun veya hücrenin arkaplanına bir resim eklemek için kullanılır.

Örnek :

<table border="1" background="upload/resimler/dersler/html/arkaplan.jpg">   
  <tr>
    <td>1.Satır 1.sütun </td> 
    <td>1.Satır 2.sütun </td> 
  </tr>
  <tr>
    <td>2.Satır 1.sütun </td> 
    <td>2.Satır 2.sütun </td> 
  </tr>
  <tr>
    <td>3.Satır 1.sütun </td> 
    <td>3.Satır 2.sütun </td> 
  </tr>
  <tr>
    <td>4.Satır 1.sütun </td> 
    <td>4.Satır 2.sütun </td> 
  </tr>
</table>