HTML – Tablo oluşturma

HTML’de tablo oluşturma

<table> = Tabloya başlatır.

<tr> = Satırı başlatır.

<td> = Sütunu başlatır

Basit bir tablo örneği – Görünüm
tablo1

HTML kodu:

<table>
<tr>
<td>satır 1, sütun 1</td>
<td>satır 1, sütun 2</td>
</tr>
<tr>
<td>satır 2, sütun 1</td>
<td>satır 2, sütun 2</td>
</tr>
</table>

Bir başka tablo örneği – Görünüm:

tablo2

 HTML Kodu:

<table border=”1″>
<tr>
<td colspan=”2″>satır 1, sütun 1 ve 2 birleşti</td>
</tr>
<tr>
<td rowspan=”2″>satır 2 ve 3 birleşti, sütun 1</td>
<td>satır 2, sütun 2</td>
</tr>
<tr>
<td>satır 3, sütun 2</td>
</tr>
</table>

Tablo özellikleri:

border=”0″ Tablo kenarlığı boyutu.
cellspacing=”0″ Sütunlar arası kenarlık boşluğu.
cellpadding=”0″ Satırlar arası kenarlık boşluğu.
width=”genislik” Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir.
class=”stil” Tablo stili belirtilebilir (CSS bölümünde açıklanıyor).
TD (Sütun) Özellikleri

Özellik  –  Anlamı
align=”hiza” Kutu hizası, left, right, center kullanılabilir.
width=”genislik” Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir.
height=”yukseklik” Tablo yüksekliği. Piksel ya da yüzde olarak ifade edilebilir.
class=”stil” Tablo stili belirtilebilir (CSS bölümünde açıklanıyor).

Sosyal ol, paylaş!
    0.00 avg. rating (0% score) - 0 votes
    Bu konu hakkında görüşlerinizi bildirmek için veya soru sormak için sitemize yorum bırakabilirsiniz. Yorumlar tüm ziyaretçilerimize açıktır. Yorum bırakmak için sitemize üye olmanıza gerek yoktur.

    Bir Cevap Yazın

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