HTML col etiketi

HTML etiketlerinden biri olan <col> etiketi colgroup etiketi içerisinde tanımlanır ve sütuna stil vermek için kullanılır. Bu etiket kapanma etiketi bulundurmaz.

<col style=””> şeklinde sütunlara stil verilebilir.

col etiketi kullanımı

Aşağıdaki örnekte span özelliği ile ilk iki sütuna turuncu renk verilirken, diğer sütuna da kırmızı renk verilmiştir.

<table>
  <colgroup>
    <col span="2" style="background-color:orange">
    <col style="background-color:red">
  </colgroup>
  <tr>
    <td>Hücre 1</td>
    <td>Hücre 2</td>
    <td>Hücre 3</td>
  </tr>
  <tr>
    <td>Hücre 4</td>
    <td>Hücre 5</td>
    <td>Hücre 6</td>
  </tr>
</table>
Hücre 1 Hücre 2 Hücre 3
Hücre 4 Hücre 5 Hücre 6

Aşağıdaki örnekte col etiketleri ile sütunlara renk verilmiştir. Birinci col etiketi ile ilk sütuna turuncu, ikinci col etiketi ile ikinci sütuna kırmızı, üçüncü col etiketi ile de üçüncü sütuna yeşil renk verilmiştir.

<table>
  <colgroup>
    <col style="background-color:orange">
    <col style="background-color:red">
    <col style="background-color:green">
  </colgroup>
  <tr>
    <td>Hücre 1</td>
    <td>Hücre 2</td>
    <td>Hücre 3</td>
  </tr>
  <tr>
    <td>Hücre 4</td>
    <td>Hücre 5</td>
    <td>Hücre 6</td>
  </tr>
   <tr>
    <td>Hücre 7</td>
    <td>Hücre 8</td>
    <td>Hücre 9</td>
  </tr>
</table>
Hücre 1 Hücre 2 Hücre 3
Hücre 4 Hücre 5 Hücre 6
Hücre 7 Hücre 8 Hücre 9
497 Views
27470cookie-checkHTML col etiketi