Tabeller

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

I likhet med elementet TABLE som enbart markerar tabellens början och slut markerar TR (table row) början och slutet på en rad. Du börjar varje rade med <TR> och avslutar med </TR>. Sluttaggen är valfri men bör användas för att "hjälpa" www-klienter med tabellens implementering. Det finns lika många rader i en tabell som det finns TR-element.

Elementet får inte ha något annat innehåll förutom elementen TH eller TD som skapar tabellens celler. Det spelar ingen roll vilket av dessa element som följer. Ett TR-element får innehålla ett obegränsat antal TD eller TH. Observera dock att en förekomst av TR får antingen innehålla TD eller TH men inte båda på samma rad.

I HTML 3.2 är TR innehållet i elementet TABLE, dvs följde direkt efter <TABLE> (eller det frivilliga CAPTION som följer efter <TABLE>). I HTML 4.0 kan TR vara innehåll i elementen TBODY (som dessutom är obligatoriskt), TFOOT och THEAD. Dessa element skapar radgrupper och beskrivs nedan.

Även då TBODY är obligatoriskt kan dess taggar vara valfria och därför gäller tabellkonstruktion enligt HTML 3.2 fortfarande.

<TABLE>
<CAPTION>text</CAPTION>
<TR>....
</TABLE>

<TABLE>
<TR>....
</TABLE>

<TABLE>
<CAPTION>text</CAPTION>
<TBODY>
<TR>....
</TABLE>

<TABLE>
<TBODY>
<TR>....
</TABLE>

Attribut

%attrs; 
ALIGN=left|center| 
  right|justify|char 
CHAR=tecken 
CHAROFF=%Length 
VALIGN=top|middle|
  bottom|baseline
 

Samma som i 
HTML 4.0 plus 

BGCOLOR=%Color 

ALIGN=left|
  center|right 
VALIGN=top|
  middle|bottom

%attrs;

Beskrivs i HTML 4.0 - Attribut

ALIGN

Horisontell placering av radens innehåll

Med detta attribut kan du placera hela radens innehåll horisontellt, dvs innehållet i varje cell som finns på den aktuella raden. Placeringen relaterar till tabellen och inte skärmen. Om du vill överskrida innehållsplacering i enstaka cell tilldelar du samma attribut elementet TD (eller TH).

Tillåtna värden är:

HTML 3.2 - LEFT | CENTER | RIGHT
HTML 4.0 - LEFT | CENTER | RIGHT | JUSTIFY | CHAR

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

<TR ALIGN=char> placerar radens 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.

<TR 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 radens innehåll

Med detta attribut kan du placera hela radens innehåll vertikalt, dvs innehållet i varje cell som finns på den aktuella raden. Placeringen relaterar till tabellen och inte skärmen. Om du vill överskrida innehållsplacering i enstaka cell tilldelar du samma attribut elementet TD (eller TH).

Tillåtna värden är:

HTML 3.2 - TOP | MIDDLE | BOTTOM
HTML 4.0 - TOP | MIDDLE | BOTTOM | BASELINE

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

<TR VALIGN=baseline> placerar radens innehåll på den gemensamma baslinjen.

BGCOLOR (T)

Radens bakgrundsfärg. Nedskrivet attribut.

Om attributet saknas är radens bakgrundsfärg transparent, dvs den bakgrundsfärg (eller bakgrundsbild) som tilldelades dokumentet kommer att skina igenom. Attributet är nedskrivet till förmån för CSS. Färgen i TR överskrider den som anges i TABLE.

Exempel

ALIGN

Markering:

<TABLE BORDER>
<CAPTION>Tabell 1</CAPTION>
<TR><TH>Länder</TH><TH>Städer</TH></TR>
<TR ALIGN=CENTER> <TD>Sverige</TD><TD>Stockholm</TD></TR>
<TR ALIGN=RIGHT> <TD>England</TD><TD>London</TD></TR>
</TABLE>

Tolkning:

VALIGN

CHAR

Markering:	Tolkning:
<TABLE> <COL><COL align="char" char="."> <TR><TH>Föremål<TH>Längd i cm <TR><TD>Diskett<TD>10 <TR><TD>Penna<TD>20.50 <TR><TD>Bord<TD>100.80 </TABLE>

TH och TD - tabellens celler Nästa

Upp | HTML-referensbok | Referensböcker