HTML – Tablo Oluşturma ve Tablo Özellikleri

HTML ile tablo oluşturmak için <TABLE>…</TABLE> etiketi ile beraber <TR> ve <TD> etiketlerini öğrenmemiz gerekir.

<TABLE>…</TABLE> etiketi tabloyu oluşturmaya başladığımız zaman ve bitirdiğimizde kullanılmaktadır. <TR>…</TR> etiketi satır oluşturmak için kullanılırken, <TD>…</TD> etiketi sütun oluşturmak için kullanılır.

3 satır 4 sütundan oluşan bir tablo oluşturalım. 3 satır olacağı için <TABLE>…</TABLE> etiketi içerisinde 3 adet <TR>…</TR> etiketi kullanılacaktır. Her bir satırın da kendine ait 4 sütunu olduğu için toplamda 12 adet <TD>…</TD> etiketi kullanılacaktır. BORDER özelliği kullanılarak oluşturduğumuz tablonun satır ve sütunlarına kenarlık ekleyerek görünür olmasını sağladık.

Tablo Özellikleri

Cellspacing:

Hücreler arası mesafe ayarlanır. (Ör: Cellspacing=”10”)

Cellpadding:

Hücre içi boşluk ayarlanır. (Ör: Cellpadding=”10”)

Width:

Tablo genişliği ayarlanır.

Height:

Tablo yüksekliği ayarlanır.

Width ve Height özellikleri <TR> ve <TD> etiketleri içerisinde de kullanılabilir.

Bordercolor:

Kenarlık renginin ayarlanması için kullanılır.

Bgcolor:

Tablonun arka plan renginin değiştirilmesi için kullanılır.

Seçil ŞEKERCİ HÜSEM

2010 yılından bu yana Bilişim Teknolojileri Öğretmeni olarak meslek liselerinde görev yapmaktayım.

Tüm yazılarını göster

Bir cevap yazın

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.