HTML Tutorial

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>