HTML’de Tablo Kullanımı
HTML <TABLE> etiketi
HTML de Hazırlamış olduğunuz web sayfasına tablo eklemek için kullanılan etikettir. Bir tablo <table> etiketi ile başlayıp </table> etiketi ile sona ermektedir. Tablolar satır ve sütunlardan oluşmaktadır. Satırların ve sütunların kesiştikleri kutuya “hücre” adı verilmektedir.
<TR> etiketi
Tabloda satır oluşturmak için kullanılan etikettir.
Örnek kullanımı ve tarayıcı görüntüsü:
<TD> etiketi
Tabloda sütun oluşturmak için kullanılan etikettir.
Örnek kullanımı ve tarayıcı görüntüsü:
<table> etiketi ile kullanabileceğiniz bazı parametlerin açıklamalarını yapmaya çalışalım.
Border: Hücrenin ve tablonun etrafındaki çerçevenin kalınlığını ayarlamak için kullanılan parametredir. Border=0 olduğu zaman çerçeve tarayıcıda görünmemektedir.
Örnek kullanımı ve tarayıcı görüntüsü:
Bordercolor: Kalınlığı belirlenen çerçevenin rengini ayarlamak için kullanılan parametredir.
Örnek kullanımı ve tarayıcı görüntüsü:
Bgcolor: Tablonun veya istediğimiz hücre veya hücrelerin arka plan rengini belirlemek için kullanılan parametredir.
Örnek kullanımı ve tarayıcı görüntüsü:
Background: Tablonun veya istenilen hücrenin arka planına resim eklemek için kullanılan parametredir.
Örnek kullanımı ve tarayıcı görüntüsü:
Width: Tablonun veya hücrenin piksel cinsinden genişliğini belirlemek için kullanılan parametredir.
Height: Tablonun piksel cinsinden yüksekliğini belirlemek için kullanılan parametredir.
Örnek kullanımı ve tarayıcı görüntüsü:
Colspan: Aynı satırdaki hücreleri birleştirmek için kullanılan parametredir.
Örnek kullanımı ve tarayıcı görüntüsü:
Rowspan: Aynı sütundaki hücreleri birleştirmek için kullanılan parametredir.
Örnek kullanımı ve tarayıcı görüntüsü:
Cellspacing: Tablonun içerisindeki hücrelerin, birbirlerinden ve tablo sınırlarından uzaklığını piksel türünden ayarlamak için kullanılan parametredir.
Örnek kullanımı ve tarayıcı görüntüsü:
Cellpadding: Hücrelerin içindeki verilerin, hücre sınırlarından uzaklığının ne kadar olacağını belirlemek için kullanılan parametredir.
Örnek kullanımı ve tarayıcı görüntüsü:
megep/modüllerden yararlanılmıştır.