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 Ö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 |
|
Hücrelerin yatay hizalamalarını belirtir.(HTML 5’de desteklenmemektedir.) |
char |
|
Sütundaki Karakterlere göre içeriği hizalar.(HTML5’de desteklenmemektedir).
|
charoff |
|
Sütun verilerininin karakter sayılarını ayarlar. (HTML5’de desteklenmemektedir). |
span |
|
Sütun sayısını belirtir. |
valign |
|
Sütunların dikey hizalamalarını belirtir.(HTML5’de desteklenmemektedir). |
width |
|
Sütun genişliğini belirtir.(HTML5’de desteklenmemektedir). |
Tarayıcı Desteği: