HTML – Tablo oluşturma

0.00 avg. rating (0% score) - 0 votes

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).

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