HTML-tagg: <col>

<col>-taggen definierar en kolumn i en <table>-element. Den gör det möjligt att ange specifika egenskaper för kolumnerna.

Användning av <col>

• Inom en <table>-tagg
• Flera <col>-taggar kan användas för att definiera olika kolumner
• Egenskaperna för en <col>-tagg gäller för alla celler i motsvarande kolumn

Attribut för <col>

• span: Anger antalet kolumner som attributet gäller för (standardvärde: 1)
• width: Anger kolumnens bredd (kan anges i pixlar, procent eller relativa enheter)
• align: Horisontell justering av text i kolumnen (vänster, höger eller centrerad)
• valign: Vertikal justering av text i kolumnen (överst, nederst eller centrerad)
• charset: Teckenuppsättning för kolumnen
• style: CSS-stilar för kolumnen

Exempel med <col>

Exempel 1: Definiera en kolumn med fast bredd

<table border="1">
  <col width="100px">
  <tr>
    <td>Kolumn 1</td>
    <td>Kolumn 2</td>
  </tr>
</table>

Exempel 2: Centrera texten i en kolumn

<table border="1">
  <col align="center">
  <tr>
    <td>Kolumn 1</td>
    <td>Kolumn 2</td>
  </tr>
</table>

Utforska <col>-taggen

Följande HTML-exempel demonstrerar användningen av <col>-taggen för att skapa en tabell med olika kolumnbredder och justeringar:

<table>
  <col width="150px">
  <col align="center">
  <col valign="top">
  <tr>
    <td>Kolumn 1</td>
    <td>Kolumn 2</td>
    <td>Kolumn 3</td>
  </tr>
  <tr>
    <td>Lång text</td>
    <td>Centrerad text</td>
    <td>Överst justerad text</td>
  </tr>
</table>