Table: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med '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 <c...')
 
Ingen redigeringssammanfattning
 
(En mellanliggande sidversion av samma användare visas inte)
Rad 1: Rad 1:
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!
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 <code>[[<table>]]</code> -taggen. Inuti tabellen definierar man sedan upp tabellrader, <code>[[tr]]</code>, som i sin tur innehåller diverse typer av kolumn/cell-data, t.ex. <code>[[th]]</code>- eller <code>[[td]]</code>.
Tabeller inleds med <code>[[table]]</code> -taggen. Inuti tabellen definierar man sedan upp tabellrader, <code>[[tr]]</code>, som i sin tur innehåller diverse typer av kolumn/cell-data, t.ex. <code>[[th]]</code>- eller <code>[[td]]</code>.


Se [[tabeller]] för mer information och fler exempel.
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 ==
== Tillgängliga attribut ==
Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
== Exempel ==
== Exempel ==
Nedanstående exempel skapar en minimal tabell.
<codepen pen="KbjvgJ" tab="html,result" height="350">
</codepen>
<syntaxhighlight lang="html5">
<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>
</syntaxhighlight>
Ovanstående exempel skapar en minimal tabell.
== Referenser ==
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
http://www.whatwg.org/specs/web-apps/current-work/multipage/tables.html#the-table-element
http://www.whatwg.org/specs/web-apps/current-work/multipage/tables.html#the-table-element
<!--
=== Taggens definition i HTML5-standarden ===
=== Taggens definition i HTML5-standarden ===
-->

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