lifeacode yandex
HTML caption Etiketi | HTML Etiketleri | Lifeacode

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:

Kimler Neler Demiş?

avatar
  Subscribe  
Bildir