HTML İle Tablo Oluşturma

       



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.


KodAnlamı
<table>Tablo oluşturmak
<tr>Satır oluşturmak
<td>Sütuna oluşturmak


        Şimdi bir örnekle tablo oluşturalım

html ile tablo oluşturmak
      
        <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.



html ile nasıl tablo oluşturulur



        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.


html tablo


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ğerisü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.