Perşembe , Mayıs 23 2019
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.

7’den 70’e Her Türk Gencinin Bilmesi Gereken Kavramlar

Ey Türk Genci Dünya’da ve üç tarafı denizlerle, dört tarafı dahili ve harici hainlerle dolu …

Bir cevap yazın

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