XHTML Basic: Tabeller

6. Tabeller

Tabeller används i huvudsak för att strukturera upp information i XHTML Basic. Viktigt att veta är att nästlade tabeller inte fungerar i XHTML Basic.

Table: <table></table>

Table-taggen omger hela tabellen och talar om för browsern var en tabell startar och slutar. Enbart en table-tagg tillför inte mycket till ett dokument, utan tabellen behöver också ha ett innehåll.

Ex.

Table row: <tr></tr>

Tr-taggen märker upp raderna i tabellen. Allt som placeras mellan <tr> och </tr> hamnar på en ny rad.

Ex.

Table data: <td></td>

Td-taggen representerar cellerna i en tabell. En tr-tagg kan innehålla ett frivilligt antal td-element.

Ex.

ger en tabell med 1 rad och 1 cell:

Data 1

Ex.

ger en tabell med 1 rad och 2 celler:

Data 1

Data 2

Ex.

ger en tabell med 2 rader med 1 cell:

Data 1

Data 2

Table header: <th></th>

Th-taggen är ett tabellhuvud som används som rubrik för underliggande td-celler.

Ex.

<body>
   <table>
      <tr>
         <th>Rubrik 1</th>
         <th>Rubrik 2</th>
      </tr>
      <tr>
         <td>Data 1</td>
         <td>Data 2</td>
      </tr>
   </table>
</body>

ger en tabell med 1 rad och 2 celler med rubriker:

Rubrik 1	Rubrik 1
Data 1	Data 2

Caption: <caption></caption>

Det går också att att göra en rubrik för hela tabellen med caption-taggen. Caption-taggen måste då vara det första elementet i tabellen.

Ex.

<body>
   <table>
      <caption>Tabellrubrik</caption>
      <tr>
         <th>Rubrik 1</th>
         <th>Rubrik 2</th>
      </tr>
      <tr>
         <td>Data 1</td>
         <td>Data 2</td>
      </tr>
   </table>
</body>

ger en tabell med 1 rad och 2 celler med rubriker samt en tabellrubrik:

Tabellrubrik
Rubrik 1	Rubrik 1
Data 1	Data 2