HTML <THEAD> etiketi, TABLE etiketi içinde sadece bir kere kullanılarak tablonun üstünde gösterilecek tablo başlığı oluşturulmasını sağlar. THEAD etiketi içindeki hücreler hem TH hem de TD ile oluşturulabilir.
HTML Sözdizimi ve Özellikler
<THEAD |
id= | Eşsiz kimliğini belirtir. |
class= | Sınıf adını belirtir. |
style= | CSS kuralları tanımlar. |
title= | Kısa bilgi belirtir. |
lang= | İçerdiği metnin lisanını belirtir. |
dir= | İçerdiği metnin yönünü belirtir. |
align= | Hücreler içindeki verilerin yatay hizalamasını belirtir. |
valign= | Hücreler içindeki verilerin dikey hizalamasını belirtir. |
> |
ustluk | Tablo başlığını oluşturan HTML kodlarını belirler. |
</THEAD> |
HTML & JavaScript Olayları
<THEAD |
onclick= | Elemente klavye veya fare ile tıklandığında tetiklenir. |
ondblclick= | Elemente fare ile çift tıklandığında tetiklenir. |
onmousedown= | Element üzerinde fare tuşuna basıldığında tetiklenir. |
onmouseup= | Basılı olan fare tuşu bırakıldığında tetiklenir. |
onmouseover= | Elementin kapladığı alana girildiğinde tetiklenir. |
onmousemove= | Element üzerinde fare işaretçisi hareket ettirildiğinde tetiklenir. |
onmouseout= | Elementin kapladığı alandan çıkıldığında tetiklenir. |
onkeypress= | Element üzerindeyken klavyeden bir tuşa basıldığında tetiklenir. |
onkeydown= | Element üzerindeyken klavyeden bir tuşa ilk basıldığında tetiklenir. |
onkeyup= | Basılı olan klavye tuşu bırakıldığında tetiklenir. |
></THEAD> |
Örnek
Aşağıdaki örnek, TABLE etiketi ile oluşturulan bir tabloya HTML THEAD etiketi ile tablo başlığı eklenmesini göstermektedir.
<table border="1" width="300">
<thead>
<tr><th rowspan="2">Tek Başlık</th><th>Üstteki Başlık</th></tr>
<tr><th>Alttaki Başlık</th></tr>
</thead>
<tr><td>Hücre 1-1</td><td>Hücre 1-2</td></tr>
<tr><td>Hücre 2-1</td><td>Hücre 2-2</td></tr>
</table>
Canlı Sonuç
Tek Başlık | Üstteki Başlık |
Alttaki Başlık |
Hücre 1-1 | Hücre 1-2 |
Hücre 2-1 | Hücre 2-2 |