HTML Tutorial

HTML-tagg: <colgroup>

Användning av <colgroup>

<colgroup>-taggen används för att gruppera kolumner i en tabell. Den kan användas för att ange gemensamma egenskaper för en grupp kolumner, såsom bredd, inriktning och bakgrundsfärg.

Attribut för <colgroup>

  • span: Anger antalet kolumner som ingår i gruppen.
  • width: Anger bredden på kolumnerna i gruppen.
  • align: Anger horisontell inriktning för kolumnerna i gruppen.
  • valign: Anger vertikal inriktning för kolumnerna i gruppen.
  • bgcolor: Anger bakgrundsfärgen för kolumnerna i gruppen.

Exempel med <colgroup>

<table>
  <colgroup span="2" width="100px"></colgroup>
  <colgroup span="3" width="200px"></colgroup>
  <tr>
    <td>Kolumn 1</td>
    <td>Kolumn 2</td>
    <td>Kolumn 3</td>
    <td>Kolumn 4</td>
    <td>Kolumn 5</td>
  </tr>
</table>

I detta exempel grupperas de två första kolumnerna och ges en bredd på 100 pixlar, medan de tre sista kolumnerna grupperas och ges en bredd på 200 pixlar.

Utforska <colgroup>-taggen

Följande HTML-exempel visar hur <colgroup>-taggen kan användas för att förbättra tabellens utseende:

<!DOCTYPE html>
<html>
<head>
  <title>Exempel på <colgroup>-taggen</title>
</head>
<body>
  <table>
    <colgroup span="2" width="150px"></colgroup>
    <colgroup span="3" width="200px"></colgroup>
    <tr>
      <th>Förnamn</th>
      <th>Efternamn</th>
      <th>E-post</th>
      <th>Telefon</th>
      <th>Adress</th>
    </tr>
    <tr>
      <td>John</td>
      <td>Doe</td>
      <td>[email protected]</td>
      <td>0123456789</td>
      <td>123 Main Street</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>Smith</td>
      <td>[email protected]</td>
      <td>0987654321</td>
      <td>456 Elm Street</td>
    </tr>
  </table>
</body>
</html>