* [ HTML-referensbok ] * [ Referensböcker ] *

Tabeller

Introduktion, TABLE, CAPTION, TR, TH/TD, COL, COLGROUP, THEAD, TFOOT, TBODY, Exempel

Tabeller i HTML 4.0 tillåter en mycket mer komplex struktur. Kolumner och rader kan grupperas i struktuella delar. Kolumner kan grupperas med hjälp av elementet COLGROUP och med hjälp av elementet COL kan även varje enskild kolumn specificeras. Radgrupper kan struktureras i tre delar: huvud (THEAD), fotnot (TFOOT) och kropp (TBODY).

tabellstruktur

På så sätt kan huvudet (rubriken) och fotnoten vara synliga när man skrollar över tabellens kropp vilket kan vara mycket användbart när tabeller är långa.

Markeras: <THEAD></THEAD> - starttagg obligatorisk, sluttagg valfri om elementet följs av TFOOT eller TBODY
<TFOOT></TFOOT> - starttagg obligatorisk, sluttagg valfri om elementet följs av TBODY
<TBODY></TBODY> - båda taggar valfria om tabellen bara innehåller ett TBODY-element samt saknar THEAD och TFOOT

Får innehålla: TR

Får finnas i: TABLE

Med dessa tre nya element kan du gruppera tabellens rader (TR) och på så sätt skapa statiska rubriker/fotnoter samtidigt som tabellens kropp förblir skrollningsbar.


<TABLE>
Öppnar tabellen
<CAPTION>
  Tabellens etikett - 
  valfritt element
</CAPTION>

COLGROUP och/eller COL

<THEAD>
  Öppnar tabellens 
  rubrikrader. 
  Valfritt element
<TR> 
  som följs av minst ett
  <TH> eller <TD>
  Rubrik(er) kommer att vara 
  synliga under skrollning. 
  Gruppen kan innehålla ett 
  obegränsat antal TR-rader 
</THEAD>
  Stänger huvudgruppen. 
  Sluttaggen kan uteslutas om 
  elementet följs 
  av TFOOT eller TBODY

<TFOOT>
  Öppnar fotnotsrader. 
  Valfritt element. 
<TR> som följs av minst
  ett <TH> eller 
  <TD>
  Fotnoten kommer att vara 
  synligt under skrollning. 
  Gruppen kan innehålla ett 
  obegränsat antal TR-rader 
</TFOOT>
  Stänger fotnotsgruppen. 
  Sluttaggen kan uteslutas om 
  elementet följs av TBODY

<TBODY>
  Obligatoriskt element. 
  Öppnar datarader.
<TR> som följs av minst 
  ett <TH> eller 
  <TD>
  Kroppens rader
</TBODY>
  Stänger gruppen

<TBODY>
  Öppnar en ny grupp
  ....
</TABLE>

Med THEAD (table header) kan du gruppera rubrikrader. Det får bara finnas ett THEAD-element per tabell. Elementet är valfritt men om det används måste det följa eventuella CAPTION-, COL- och COLGROUP-element och förekomma före TFOOT och TBODY samt innehålla minst ett TR-element.

Genom att rubrikrader grupperas kan dessa dels vara synliga under skrollningen av längre tabeller, dels börja varje sida vid utskrifter.

Med TFOOT (table foot) kan du gruppera fotnotsrader. Det får bara finnas ett TFOOT-element per tabell. Elementet är valfritt men om det används måste det förekomma efter THEAD och före TBODY samt innehålla minst ett TR-element. Elementet förekommer före TBODY så att www-klienten kan tolka fotnoten innan den mottager de potentiella numerisk data som finns i kroppen (TBODY).

Genom att fotnotsradergrupperas kan dessa dels vara synliga under skrollningen av längre tabeller, dels börja varje sida vid utskrifter.

Med TBODY (table body) kan du gruppera datarader. Elementet är obligatoriskt. Observera att dess taggar är valfria om tabellen bara innehåller ett TBODY-element och saknar THEAD och TFOOT. Detta gör att tabeller konstruerade enligt HTML 3.2-modellen fortfarande är giltiga. En tabell får innehålla ett obegränsat antal TBODY-element.

Attribut i COL och COLGROUP

HTML 4.0 och HTML 4.0 Transitional	HTML 3.2
%attrs; ALIGN=left\|center\| right\|justify\|char CHAR=tecken CHAROFF=%Length VALIGN=top\|middle\|bottom\|baseline	Elementet finns inte

%attrs;

Beskrivs i HTML 4.0 - Attribut

ALIGN

Horisontell placering av radgruppens innehåll innehåll

Med detta attribut kan du placera innehållet i radgruppen. Placeringen relaterar till tabellen och inte skärmen. Om du vill överskrida innehållsplacering i enstaka rader tilldelar du samma attribut elementet TR.

Tillåtna värden är:

Om attributet är frånvarande kommer innehåll att vänsterplaceras, dvs enligt standarden LEFT.

<TBODY ALIGN=char> placerar gruppens innehåll vid det tecken som specificeras i attributet CHAR.

CHAR och CHAROFF

Placeringens offset

CHAR används om celler innehåller data som ska placeras enligt ett visst schema, till exempel om cellerna innehåller decimaler. Tecknet som uppges som attributets värde fungerar som axel för placeringen. Det kan vara en punkt som används i engelska språket eller ett komma som används i det svenska språket. Standard-värdet beror på det språk som specificerades genom attributet LANG. Om LANG är specificerat och standardvärde ska användas behöver du inte tilldela attributet CHAR något värde.

<TBODY align="char" char=".">

CHAROFF specificerar offset av det första placeringstecknet. "OFF" i CHAROFF står för offset och inte "av". Riktning kan specificeras genom attributet DIR. Om DIR saknas gäller textens nuvarande riktning. Standardvärdet är från vänster till höger (DIR=ltr), dvs offset beräknas från den vänstra marginalen. CHAROFF="20%" (kan även uppges i pixlar) placerar tecknet 20% från cellens början.

VALIGN

Vertikal placering av innehållet

Med detta attribut kan du placera hela radgruppens innehåll vertikalt. Placeringen relaterar till tabellen och inte skärmen. Om du vill överskrida innehållsplacering i enstaka rader tilldelar du samma attribut elementet TR.

Tillåtna värden är:

Om attributet är frånvarande kommer kolumnens innehåll att placeras i mitten av cellerna, dvs enligt standarden MIDDLE.

<TBODY VALIGN=baseline> placerar gruppens innehåll på den gemensamma baslinjen.

Exempel

Markering:	Tolkning:
`<TABLE FRAME=VSIDES RULES=GROUPS> <THEAD> <TR><TD>huvudinformation<TFOOT> <TR><TD>fotnotsinformation<TBODY> <TR><TD>första rad data i grupp 1 <TR><TD>andra rad data i grupp 1<TBODY> <TR><TD>första rad data i grupp 2 <TR><TD>andra rad data i grupp 2 </TABLE>`

Exempel Nästa

Upp | HTML-referensbok | Referensböcker