Referens
HTML thead

HTML thead

HTML thead taggen anger ett tabellhuvud i en tabell.

Exempel:

Produkt Pris
Skor 800kr
Jacka 1200kr
Summa 2000kr

HTML:

<table border="1">
  <thead>
    <tr>
      <th>Produkt</th>
      <th>Pris</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Skor</td>
      <td>800kr</td>
    </tr>
    <tr>
      <td>Jacka</td>
      <td>1200kr</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Summa</td>
      <td>2000kr</td>
    </tr>
  </tfoot>
</table>

HTML thead används tillsammans med elementet tbody och tfoot för att gruppera celler i en tabell.

Läs mer om HTML thead i HTML tabeller

HTML thead
Elementtyp Sluttagg Utfasat Doctype
Speciell Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
tr
Elementet får finnas i
table
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML thead

Elementet thead kan ges olika egenskaper med CSS.

HTML thead attribut

Specifika attribut
Attribut Beskrivning Värde
align Anger horisontell justering av elementets innehåll right, left, center, justify, char
char Anger förvalt tecken för justering (om align="char")
Stödjs ej av alla webbläsare!		 tecken
charoff Anger förvald offset till justeringstecknet (om align="char")
Stödjs ej av alla webbläsare!		 px, %
valign Anger förvald vertikal justering av elementets innehåll top, middle, bottom, baseline

Universella attribut
Attribut Beskrivning Värde
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer