TABLOLAR

Tablolar, sayfaları satırlara/sütunlara bölmek ya da metin veya grafiklerin sayfada

istediğimiz yerde durmasını sağlamak amaçlarıyla kullanabileceğimiz HTML'nin en önemli

yapıtaşlarındandır. Sayfada gözüksün ya da gözükmesin tabloları bir iskelet gibi kullanabilir,

böylece istediğiniz düzenlemeyi yapabilirsiniz.

Ekranda tablo gösterirken, o an kullanılan pencerenin büyüklüğüne ve tablo içindeki

metnin genişliğine göre tablonun eni ve boyu değişebilir. Tablo, satır ve sütunlardan

oluştuğu için her hücre ayrı ayrı tanımlanır. Her satır ve sütun, kendi içinde başka satır ve

sütunları ihtiva edebilir ve diğer satır ve sütunlarla birleştirilebilir. Tablolara başlık, liste,

paragraf, form, figür ve her formatta metin konabilir.
 

<TABLE>

Tablolar <table> belirteci ile başlar. 

<table>

……

</table>

TR

Tabloda satır oluşturmayı sağlar.

TD

Tabloda sütun oluşturmayı sağlar.

<table border="1">

  <tr>

    <td>RAM</td>    1.satır

  </tr>

  <tr>

   <td>ROM</td>     2.satır

 </tr>

</table>

...............................................................................................................................

<table border="1">

  <tr>

    <td>RAM</td>---- 1.sütun

    <td>ROM</td>---- 2.sütun

  </tr>

</table>
...............................................................................................................................
 

Border

Border parametresi hücrelerin ve tablonun etrafındaki çerçevenin kalınlığını

ayarlamak için kullanılır. border=0 çerçevenin görünmemesini sağlar. 

<table border=2> 

  <tr>

    <td>HTML</td>

  </tr>

</table> 
............................................................................................................................... 

TH

Tablolar da HTML sayfasında olduğu gibi başlık (head) ve gövde (body) bölümlerine

ayrılabilir. Tabloda başlığı <thead> gövdeyi <tbody> etiketleri arasına yazarız. <caption>

etiketi ile ikinci bir açıklama vermek mümkündür. 

Sütun başlıklarına gelince, her bir başlık <th> etiketi ile belirtilir ve bunlar etiketinde olduğu

gibi <tr>...</tr> arasına yazılır. 

Tabloda satır ve sütunları belirten <tr> ve <td> etiketleri <tbody>...</tbody> arasına

alınır.                                                                                Kodları Burada Bulabilirsiniz.

<table border="1"> <thead>Ders Dağılımı</thead> <caption align="bottom"> Tablo 1.1: Bölümlere göre dersler <caption> <tr> <th>Bilgisayar</th> <th>Elektronik</th> <th>Elektrik</th> </tr> <tbody> <tr> <td>Web Tasarımı</td> <td>Uydu Alıcısı</td> <td>Çağırma Tes.</td> </tr> <tr> <td>Programlama</td> <td>İletişim Tek.</td> <td>Dağıtım Panoları</td> </tr> </tbody> </table>

  ...............................................................................................................................

Width

 

 Tablonun pixel cinsinden genişliğini belirler. Bu parametreyi kullanmazsanız, Web

tarayıcınız hücre içeriklerini görüntüleyebileceği en makul genişliği tablonuza otomatik

olarak atayacaktır.

Height

 Tablonun pixel cinsinden yüksekliğini belirler. Bu parametreyi kullanmazsanız, Web

tarayıcınız hücre içeriklerini görüntüleyebileceği en makul yüksekliği tablonuza otomatik

olarak atayacaktır.                                                         Kodları Burada Bulabilirsiniz.

<table border="1"> <tr><td width=100 >Kasa</td></tr> <tr><td width=100 height=50>Fare</td></tr> <tr><td height=40>Klavye</td></tr> <tr><td height=80>Monitör</td></tr> </table>



Colspan

 

 Aynı satırdaki hücreleri birleştirmek için colspan parametresi kullanılır.

Rowspan

Aynı sütundaki hücreleri birleştirmek için de rowspan parametresi kullanılır.
...............................................................................................................................

Cellspacing

Tablonun.içerisindeki hücrelerin, birbirlerinden ve tablo sınırlarından uzaklığını, pixel

cinsinden ayarlar.

Cellpadding

Cellpadding değişkenine verilebilecek herhangi bir sayı, tablonun sınırları ile tablo

içeriği arasındaki mesafeyi ayarlar.  cellpadding=0 hücre ile içinde bulunan unsurun

(metin/grafik) bitişik olmasını sağlar.