Table: Skillnad mellan sidversioner

Nuvarande version från 18 januari 2019 kl. 14.04

Används för att skapa diverse typer av tabeller. Använd inte tabeller för layout! De är till för att presentera data i tabellform och inget annat! Tabeller inleds med table -taggen. Inuti tabellen definierar man sedan upp tabellrader, tr, som i sin tur innehåller diverse typer av kolumn/cell-data, t.ex. th- eller td.

Se tabeller för mer information och fler exempel.

Använd aldrig tabeller för ren layout!

Tillgängliga attribut

Enbart de globala attributen är tillgängliga för denna tagg.

Exempel

Nedanstående exempel skapar en minimal tabell.

See the Pen KbjvgJ by Patrik Grip-Jansson (@PGJ) on CodePen.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/tables.html#the-table-element

@@ Rad 3: / Rad 3: @@
 Se [[tabeller]] för mer information och fler exempel.
+<div class="well well-danger">
+Använd aldrig tabeller för ren layout!
+</div>
 == Tillgängliga attribut ==
 Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
 == Exempel ==
+Nedanstående exempel skapar en minimal tabell.
+<codepen pen="KbjvgJ" tab="html,result" height="350">
+</codepen>
 <syntaxhighlight lang="html5">
-<table>
-  <thead>
-    <tr>
-     <th>Data</th><th>Mer data</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-     <td>42</td><td>Meningen med livet...</td>
-    </tr>
-  </tbody>
-</table>
 </syntaxhighlight>
-Ovanstående exempel skapar en minimal tabell.
 == Referenser ==
 === Taggens definition i [[WHATWG]]s levande HTML-standard ===
 http://www.whatwg.org/specs/web-apps/current-work/multipage/tables.html#the-table-element
+<!--
 === Taggens definition i HTML5-standarden ===
+-->