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).

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.

Dessa två element introducerades i HTML 4.0 och används för att dels gruppera kolumner i strukturella divisioner (COLGROUP) dels i detalj definiera alla egenskaper i varje kolumn (COL). Egenskaperna kan definieras för hela gruppen, varje kolumn i gruppen för sig eller enskilda kolumner utanför gruppen.

En tabell kan innehålla ett obegränsat antal kolumngrupper. Varje kolumngrupp kan innehålla ett obegränsat antal kolumner.

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

  en eller fler 
  COLGROUP och/eller COL

<TR> som följs av 
     <TH> eller <TD>
</TABLE>

Attribut i COL och COLGROUP

%attrs; 
SPAN=Number 
WIDTH=%MultiLength
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

SPAN

Spännvidd för kolumner och kolumngrupper

i COLGROUP - specificerar antal kolumner i gruppen. Standardvärdet är 1. Om SPAN saknas innehåller varje grupp en kolumn. Om SPAN är större än 1 innehåller gruppen det specificerade antalet kolumner, om en grupp t ex innehåller 3 kolumner skriver du:

<COLGROUP SPAN=3>

Om COLGROUP tilldelas andra attribut gäller alla dessa kolumner i gruppen. Dessa kan dock överskrivas med attributen som har tilldelats de enskilda kolumner som gruppen innehåller- elementen COL. Om COLGROUP innehåller elementet(n) COL bör attributet SPAN inte användas.

i COL - specificerar antal efterföljande kolumner som ska dela samma attributvärden, t ex bredd. Standardvärdet är 1. Om både COLGROUP och COL tilldelas samma attribut med olika värden överskrider COL-värdena värdena i COLGROUP.

WIDTH

Bredd

i COLGROUP - specificerar bredden på varje kolumn i gruppen. Värdet kan uppges i pixlar, procent av tabellens bredd eller relativt till andra värden, s.k. integer. Attributet kan till exempel ta värdet 0* (noll) som betyder att bredden i varje kolumn ska ha den minimibredd som är nödvändig för att innehållet ska kunna visas. Kolumnernas bredd kan överskridas med attributet WIDTH tilldelat elementet COL.

i COL - specificerar bredden på varje enskild kolumn i eller utanför gruppen. Om attributet uppges tillsammans med SPAN kommer den specificerade bredden att gälla i det antal kolumner som specificeras i SPAN. Värdet kan uppges i pixlar, procent av tabellens bredd och relativt till andra värden. Om attributet uppges i både COLGROUP och COL kommer det sistnämnda att överskrida det grupperade.

ALIGN

Horisontell placering av kolumnens eller gruppens innehåll innehåll

Med detta attribut kan du placera innehållet i kolumn eller kolumnsgrupp. Placeringen relaterar till tabellen och inte skärmen. Om du vill överskrida innehållsplacering i enstaka kolumner tilldelar du samma attribut elementet COL.

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 innehåll att vänsterplaceras, dvs enligt standarden LEFT.

<COLGROUP 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.

<COLGROUP 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 kolumnens eller gruppens innehåll vertikalt. Placeringen relaterar till tabellen och inte skärmen. Om du vill överskrida innehållsplacering i enstaka kolumner tilldelar du samma attribut elementet COL.

Tillåtna värden är:

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

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

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

Exempel

<COLGROUP SPAN=3 WIDTH=100> Gruppen har tre kolumner. Varje kolumn är 100 pixlar bred

<COLGROUP SPAN=5 WIDTH="0*"> Gruppen har 5 kolumner. Varje kolumn tar den minimibredd som behövs

<COLGROUP SPAN=3 WIDTH="100, 200, 300> Gruppen har tre kolumner som är 100, 200 och 300 pixlar breda

<COLGROUP>
<COL WIDTH=100>
<COL WIDTH=200>
<COL WIDTH=300>
</COLGROUP>

Samma som ovan. Om värden har specificerats i både COLGROUP och COL kommer värden i COL att överskrida värden som har specificerats i COLGROUP

Kolumner kan specificeras på följande sätt:

<TABLE>
<COLGROUP span="3">
...
</TABLE>

<TABLE>
  <COL span="3">
  ...
</TABLE>

<TABLE>
  <COL><COL><COL>
  ...
</TABLE>

<TABLE>
<COLGROUP>
<COL><COL><COL>
...
</TABLE>

<TABLE>
<TR>
  <TD><TD><TD>
</TR>
</TABLE>

<TABLE cols="3">
  ...
</TABLE>

THEAD, TFOOT, TBODY - radgrupper Nästa

Upp | HTML-referensbok | Referensböcker