HTML <caption> Etiketi

HTML <caption> etiketi tablo başlığı tanımlar. HTML <caption> etiketi <table> etiketinden sonra tanımlanır. Her tabloda tek bir başlık tanımlanır.

Tablo başlığı varsayılan olarak tablo üzerinde ortalı şekilde gelir. Text-align ve caption-side özellikleri ile başlık biçimlendirilir.

Söz dizimi:

center>İçeriği Buraya Ekleyiniz.</center>

Özellikleri:

Görüntüleme	Etiketi Başlat/ Etiketi Bitir	Kullanımı
Çizgisel	Hem Başlangıç Hem Bitiş	Metinsel

Örnek:

<!DOCTYPE html>  
<html>  
<head>  
    <title>Caption Etiketi</title>  
    <style>  
        table, td, th {  
        border: 2px solid black;  
        border-collapse: collapse;}  
    </style>  
 </head>  
 <body>  
    <h2>Caption Etiketi Örneği</h2>  
   <table width="600">  
      <caption>Detaylar</caption>  
      <thead>  
        <tr>  
            <th>Sıra No</th>  
            <th>İsim</th>  
            <th>E-mail</th>  
          </tr>  
        </thead>  
       <tbody>  
        <tr>  
            <td>1.</td>  
            <td>Hakan</td>  
            <td>hakan@gmail.com</td>  
        </tr>  
        <tr>  
            <td>2.</td>  
            <td>Veli</td>  
            <td>veli@gmail.com</td>  
        </tr>  
        <tr>  
            <td>3.</td>  
            <td>Sedef</td>  
            <td>sedef@gmail.com</td>  
        </tr>  
    </tbody>  
</table>  
</body>  
</html>

Ekran Çıktısı:

Caption Etiketi

Caption Etiketi Örneği

Detaylar
Sıra No	İsim	E-mail
1.	Hakan	hakan@gmail.com
2.	Veli	veli@gmail.com
3.	Sedef	sedef@gmail.com

Özel Kullanımları:

Özellik	Değer	Açıklama
align	top bottom left right	Başlığı tabloya göre hizalar.

Tarayıcı Desteği:

Caption Etiketi Örneği

Kimler Neler Demiş?