19. Tablo Kullanımı


 

Dökümanlarınızda tablo yapmak için kullanacağınız belirteç, <table> dır. Bir tablonun başlangıcı:

 

<table border=N>

:

:

</table>

 

şeklindedir. Bu belirtecin içinde tablonun sıralarını ve kolonlarını belirlemek için <tr> ve <td> komutlarını kullanacaksınız.

 

Bir tablonun HTML formatı genel olarak şöyledir:

 

<table border=1>

<tr>

<td>1. satır, 1. kolon</td>

<td>1. satır, 2. kolon</td>

<td>1. satır, 3. kolon</td>

</tr>

 

<tr>

<td>2. satır, 1. kolon</td>

<td>2. satır, 2. kolon</td>

<td>2. satır, 3. kolon</td>

</tr>

<tr>

<td>3. satır, 1. kolon</td>

<td>3. satır, 2. kolon</td>

<td>3. satır, 3. kolon</td>

</tr>

</table>

 

Bu tablonun görünüşü ise:

 

 

 

 

Satır ve Kolonlar

 

Bir <td> belirtecinin içinde colspan ve rowspan özelliklerini kullanarak tablonuzu daha etkin düzenlemeniz mümkün. Aşağıda bununla ilgili iki örnek bulunmakta.

 

 

<table border>

<tr>

<td>Kolon 1 Satır 1</td>

<td align=center colspan=2>

Satır 1 Kolon 2-3</td>

</tr>

 

<tr>

<td>Satır 2 Kolon 1</td>

<td>Satır 2 Kolon 2</td>

<td>Satır 2 Kolon 3</td>

</tr>

<tr>

<td>Satır 3 Kolon 1</td>

<td>Satır 3 Kolon 2</td>

<td>Satır 3 Kolon 3</td>

</tr>

</table>

 

 

 

 

 

 

<table border>

<tr>

<td>Kolon 1 Satır 1</td>

<td align=center colspan=2>

Satır 1 Kolon 2-3</td>

</tr>

 

<tr>

<td>Satır 2 Kolon 1</td>

<td valign=top rowspan=2>

Satır 2 Kolon 2</td>

<td>Satır 2 Kolon 3</td>

</tr>

<tr>

<td>Satır 3 Kolon 1</td>

<td>Satır 3 Kolon 2</td>

</tr>

</table>

 

 

 

 

 

 

Görünmez Tablolar

 

Tabloların dışını görünmez yapmak için border=0 komutu kullanılır. Bu durumda bir tablo hala vardır fakat kullanıcı tabloyu göremez. Görünmez tablolar sayfanızın düzeninde oldukça işinize yarayabilir. Tablo kullanmadan düzenleyemeyeceğiniz yazıları görünmez tablolara yerleştirirseniz yazıları istediğiniz noktada tutmak mümkün olacaktır.

 

Tabloları Renklendirmek

 

Tabloların her bir hücresini istediğiniz renkte boyayabilirsiniz. Bunun için kullanılacak komut “bgcolor”dır.

Tablo                                     <table bgcolor=#880000>

tüm tabloyu belirtilen renge boyar.

 

Sıra                                        <tr bgcolor=#880000>

tüm sırayı belirtilen renk ile doldurur.

 

Hücre                                     <td bgcolor=#880000>

tek hücreyi belirtilen renk ile doldurur.

 

Bir Cevap Yazın