Html Kodları İle Tablo Oluşturma

Özellikle bilim insanlarının sıkça kullanıldığı tabloları oluşturmak için Html 5 kodlarını ve ne işe yaradıklarını açıklayalım.

<table>, <tr> ve <td> etiketleri

Tablo oluşturmak için gerekli temel etiketlerdir. Bunlardan table tablonun ana yapısını, tr tablonun satırlarını, td ise tablonun sütunlarını şekillendirmektedir.

<th> etiketi

Tablo başlığının kısaltılmış hali olan bu etiket tablo hücrelerine başlık vermek için kullanılmaktadır.

Tam bir tablo oluşturmak için gerekli kod örneği aşağıdaki gibidir.

<table border="1">
    <tr>
        <th>başlık a</th>
        <th>başlık b</th>
        <th>başlık c</th>
    </tr>
    <tr>
        <td>hücre 1</td>
        <td>hücre 2</td>
        <td>hücre 3</td>
    </tr>
    <tr>
        <td>hücre 4</td>
        <td>hücre 5</td>
        <td>hücre 6</td>
    </tr>
</table>

<tr>

<th>başlık a</th>

<th>başlık b</th>

<th>başlık c</th>

</tr>

<tr>

<td>hücre 1</td>

<td>hücre 2</td>

<td>hücre 3</td>

</tr>

<tr>

<td>hücre 4</td>

<td>hücre 5</td>

<td>hücre 6</td>

</tr>

</table>

Erdoğan CiN

1991 yılında Denizli'nin Çameli ilçesinde dünyaya geldi. İlkokulu memleketimde, liseyi Acıpayam'da tamamladı. Mehmet Akif Ersoy Üniversitesi'nde Bilgisayar Programcılığı bölümünü bitirdikten sonra Entuğ Spor Dünyası' nda E-Ticaret Uzmanı olarak işe başladı, ardından Fark ve Fark Tekstil' de Web Yazılım Geliştirici olarak çalışmaya devam etmektedir.

CİN Yazılım