En Taze Makaleler
Ana Sayfa / Yazılım / HTML / HTML’de Tablo Oluşturma

HTML’de Tablo Oluşturma

HTML’de Adım Adım Tablo Oluşturmanın Yolları

handan-erdag-54-html-de-tablo

Öncelikle tablo oluşturmak için HTML ‘ de table tagını kullanmayı bilmemiz gerekir.

<table> …. </table> – Tablomuz table tagı arasında kurulur.

Table tagından sonra mutlaka tr ve td tagları kullanılır.

<tr></tr> – Her satır tanımlandığında tr etiketi kullanılır.

<td></td> – Her hücre tanımlandığında td etiketi kullanılır.

  • Table Kullanımı
  • Örnek Table

<table border=”1″>
<tr><td>1. hücre</td><td>2. hücre</td><td>3.hücre</td></tr>
<tr><td>4. hücre</td><td>5. hücre</td><td>6. hücre</td></tr>
</table>

1. hücre 2. hücre 3.hücre
4. hücre 5. hücre 6. hücre

border: Tablo çerçevesinin kalınlığını belirler. Border=”0″ dersek tabloda çerçeve bulunmaz.

bgcolor: Tabloya ya da hücreye renk vermek için kullanılır. <table bgcolor=”red”> şeklinde kullanarak bütün tabloya ya da <td bgcolor= “red”> şeklinde sadece tek bir hücreye renklendirebiliriz.

colspan: Aynı satırda ki hücreleri birleştirmek için kullanılır.

rowspan: Aynı sütunda ki hücreleri birleştirmek için kullanılır.

  • Table Kullanımı
  • Örnek Table

<table border=”1″>
<tr><td>1. hücre</td><td>2. hücre</td><td>3. hücre</td></tr>
<tr><td rowspan=”2″>4. hücre</td><td colspan=”2″>5. hücre</td></tr>
<tr><td>6. hücre</td><td>7. hücre</td></tr>
</table>

1. hücre 2. hücre 3. hücre
4. hücre 5. hücre
6. hücre 7. hücre

dovme

Sevgili Okuyucu, bak bu makalede ilgini çekebilir.

Shirley Tiyatro Oyunu

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir