<table> tagı, tablo oluşturmakta kullanılır. <tr> tagı ile tablonun satırları, <td> tagı ile tablonun sütunları eklenebilir. Dilenirse <th> tagı ile tablonun sütun başlıkları tanımlanabilir. <caption> tagı ile tablonun başlığı tanımlanabilir. Ayrıca tablonun üst kısmı <thead> tagı ile, orta kısmı <tbody> tagı ile, alt kısmı ise <tfoot> tagı yardımı ile belirlenebilir. Sütunların bazı niteliklerini ayrı ayrı biçimlendirmek için <colgroup> ve <col> tagları kullanılabilir. (colgroup ve col tagları yerine CSS ile tanımlama yapmak daha doğru bir yaklaşım olacaktır. )Üç satır (biri sütun başlıklarından oluşmakta) ve ikişer sütundan oluşan basit bir tablo örneği:
<table>
<caption>İllerin Plaka Numaraları</caption>
<tr>
<th>İl Adı</th>
<th>Plaka No.</th>
</tr>
<tr>
<td>Ankara</td>
<td>06</td>
</tr>
<tr>
<td>İstanbul</td>
<td>34</td>
</tr>
<tr>
<td>İzmir</td>
<td>35</td>
</tr>
</table>
Tablomuzu güzelleştirmek için şöyle bir kodu head tagları arasına ilave edebiliriz:
<style> body {background-color:blue;}
table, tr, th, td {border:1px; padding:2px; border-style:solid; border-color:black;}
</style>
İllerin Plaka Numaraları
İl Adı |
Plaka No. |
Ankara |
06 |
İstanbul |
34 |
İzmir |
35 |
thead, tbody, tfoot taglarının kullanıldığı örnek tabloyu ve colgroup, col taglarının kullanımını 9. dersimizin dosyasının (009.zip) içerisinde bulabilirsiniz.
<div> tagı, HTML sayfasındaki bir bölümü, bir kısmı tanımlamak için kullanılır. div tagından önce ve sonra birçok tarayıcı satır boşluğu verir. Örnek kullanım:
<div style="background-color:green;">Div tagının kullanımına örnektir.</div>
Div tagının kullanımına örnektir.
<span> tagı, bölüm veya satır içindeki kısımsal tanımlamalarda kullanılır. Örnek kullanım:
<span style="background-color:green;">Span tagının kullanımına örnektir.</span> Bu kısım span tagının dışındadır.
Span tagının kullanımına örnektir.
Bu kısım span tagının dışındadır.
9. dersimizin dosyasını indirmek için
tıklayınız.