HTML İle Nasıl Tablo Oluşturulur ?
Bu yazımızda HTML kodlarını kullanarak “Html ile tablo oluşturma” hakkında detayları ve kod örneklerini bulabilirsiniz.
Tablolar ile web sitenizin içeriğini daha organize hale getirebilir, farklı bilgiler ekleyebilirsiniz.
Html de tablo oluşturmak için bilmemiz gereken 3 temel kod vardır.
Kod |
Anlamı |
<table> |
Tablo oluşturmak |
<tr> |
Satır oluşturmak |
<td> |
Sütuna oluşturmak |
Şimdi bir örnekle tablo oluşturalım
<table > etiketi içerisinde yer alan border parametresi oluşturduğumuz tablonun çerçeve kalınlığını belirler.
Tablonuzda başlık kullanmak istiyorsanız bunu <th> etiketi ile belirleyebilirsiniz.Bir örnekle açıklayalım.
Burada dikkat edilmesi gereken birkaç nokta var. Birincisi mutlaka satırlardaki sütun sayıları eşit olmalıdır.
Eğer iki sütunu birleştireceksek colspan=”” ya da iki satırı birleştireceksek rowspan=”” özelliğini td kodu içerisinde kullanarak tırnak işareti arasına kaç sütun ya da satır birleştiğini yazmamız gereklidir.
Oluşturacağımız html tablolar üzerinde çeşitli değişiklikler yapmak isteyebiliriz . Örneğin çerçevelerini , her hücredeki elemanların konumunu değiştirmek isteyebiliriz .
Bunun için < table > etiketimizde border,cellspacing, cellpadding gibi parametre değerlerini kullanabiliriz .
Öğrendiğimiz gibi bu parametre değerlerini etiketimizin içine yerleştiriyoruz.Şimdi bu parametrelerin görevlerinden bahsedelim;
align değeri, tablomuzun konumunu belirleyen parametredir .
border değeri, tablomuzun çerçevesini belirlemek için kullanılır.Vereceğimiz değerlerle çerçeve kalınlığını belirleyen parametredir .
bordercolor değeri, çerçeve çizgilerinin rengini belirleyen parametredir .
bgcolor değeri, tablonun arka plan rengini belirleyen parametredir .
width değeri, tablomuzun genişliğini belirleyen parametredir .
height değeri, tablomuzun yüksekliğini belirleyen parametredir .
Rowspan değeri, satırları birleştirmek için kullanılan parametredir
Colspan değeri, sütunları birleştirmemize yarayan parametredir
cellspacing değeri, tablomuzdaki her hücrenin birbirine uzaklığını piksel cinsinden ifade eden parametredir.
cellpadding değeri ise hücrelerdeki elemanların hücre içindeki konumunu belirten parametredir.