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:
Kimler Neler Demiş?