HTML <col> Etiketi

HTML <col> etiketi <colgroup> etiketi içerisinde kullanılır. Her sütun için sütun özelliklerini tanımlar. <col> etiketi tüm sütunlara stiller uygular. Ayrıca satır ve hücre stillerinin tekrarlanması için oldukça kullanışlı bir yapıya sahiptir.

 

Söz dizimi:

<col span=" "   style=" ">  

  

HTML’de <col> etiketi kapanış etiketi gerektirmez, ancak XHTML’de kapanış </col> etiketi kullanılır.

 

Özellikleri:

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

 

Örnek:

<!DOCTYPE html>  
<html>  
<head>  
    <title>Col Etiketi</title>  
</head>  
<body>  
<h2>Col Etiketi Örneği</h2>  
<table border="1">  
    <colgroup>  
        <col  span="2" style="background-color: #f1e3e5">  
        <col span="2" style="background-color:   #d1bae3">  
    </colgroup>  
    <tr>  
        <th>No.</th>  
        <th>İsim</th>  
        <th>Türkçe</th>  
        <th>Matematik</th>  
    </tr>  
    <tr>  
        <td>1</td>  
        <td>Ali</td>  
         <td>85</td>  
         <td>60</td>  
    </tr>  
    <tr>  
        <td>2</td>  
        <td>İrem</td>  
         <td>90</td>  
         <td>65</td>  
    </tr>  
    <tr>  
        <td>3</td>  
        <td>Mehmet</td>  
         <td>75</td>  
         <td>80</td>  
    </tr>  
    <tr>  
        <td>4</td>  
        <td>Elif</td>  
         <td>80</td>  
         <td>68</td>  
    </tr>  
</table>  
</body>  
</html>  

Ekran Çıktısı:

Col Etiketi

Col Etiketi Örneği

No.
İsim
Türkçe
Matematik
1
Ali
85
60
2
İrem
90
65
3
Mehmet
75
80
4
Elif
80
68

 

Özel Kullanımları:

Özellik
Değer
Açıklama
align
  • left
  • center
  • right
  • justify
  • char
Hücrelerin yatay hizalamalarını belirtir.(HTML 5’de desteklenmemektedir.)
char
  • character
Sütundaki Karakterlere göre içeriği hizalar.(HTML5’de desteklenmemektedir).
charoff
  • number
Sütun verilerininin karakter sayılarını ayarlar. (HTML5’de desteklenmemektedir).
span
  • number
Sütun sayısını belirtir.
valign
  • top
  • middle
  • bottom
  • baseline
Sütunların dikey hizalamalarını belirtir.(HTML5’de desteklenmemektedir).
width
  • %
  • pixels
  • relative_length
Sütun genişliğini belirtir.(HTML5’de desteklenmemektedir).

 

Tarayıcı Desteği:

 



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir