Tvorba tabulek
Tabulky jsou dalším často používaným prvkem WWW stránek, protože poskytují silné
nástroje pro uspořádání obsahu stránky.
Vytvoření tabulky:
< TABLE > - tabulka
< CAPTION >Popis tabulky< /CAPTION >
< TR > - řádek nebo sloupec tabulky
< TH >hlavička řádku nebo sloupce< /TH >
< TD >buňka tabulky< /TD >
...
< TD >buňka tabulky< /TD >
< /TR >
...
< TR > - řádek nebo sloupec tabulky
< TH >hlavička řádku nebo sloupce< /TH >
< TD >buňka tabulky< /TD >
...
< TD >buňka tabulky< /TD >
< /TR >
< /TABLE >
Tag < TD > označuje vlastní buňku tabuky. Na její obsah nejsou kladena žádná omezení.
Může obsahovat libovolné konstrukce, které jsou povoleny v těle stránky (dokonce i další tabuku).
Tag < TH > určuje buňku tabulky, která obsahuje hlavičku (nadpis) řádku nebo sloupce.
Jediným rozdílem proti použití tagu < TD > je odlišný způsob formátování
obsahu buňky.
Každý z tagů má několik atributů:
Tag TABLE:
ALIGN=left|right|center
- zarovnání tabulky doleva, doprava nebo na střed; obtékání funguje stejně jako
u obrázků (viz Obrázky).
BORDER=n
- šířka vnějšího rámu tabulky v bodech.
CELLSPACING=n
- velikost mezery mezi buňkami v bodech.
CELLPADDING=n
- velikost mezery mezi okrajem buňky a jejím obsahem v oknech.
WIDTH=n|n%
- šířka tabulky v bodech nebo v procentech šířky okna prohlížeče.
HEIGHT=n|n%
- výška tabulky v bodech nebo procentech výšky okna prohlížeče.
BGCOLOR=barva
- barva pozadí tabulky.
BACKGROUND=jméno_souboru
- obrázek jako pozadí tabulky.
Tag CAPTION:
ALIGN=top|bottom
- umístění popisu tabulky vzhledem k jejímu obsahu (nad nebo pod tabulkou).
Tag TR:
FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal
|
FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal
|
FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal FBI Seal
|
ALIGN=left|right|center
- zarovnání obsahu buněk v řádku tabulky ve vodorovném směru.
VALIGN=top|bottom|middle
- zarovnání obsahu buněk v řádku tabulky ve svislém směru.
Tagy TD a TH:
Hlavička |
FBI Seal
|
FBI |
FBI Seal
|
FBI Seal
|
FBI Seal |
FBI Seal
|
ALIGN=left|right|center
- zarovnání obsahu buňky ve vodorovném směru.
VALIGN=top|bottom|middle
- zarovnání obsahu buňky ve svislém směru.
ROWSPAN=n
- určuje, kolik řádků bude buňka zabírat; na následujících sloupcích
je třeba buňku vynechat, protože její místo je obsazeno.
COLSPAN=n
- určuje, kolik sloupců bude buňka zabírat; na následujících řádcích
je třeba buňku vynechat, protože její místo je obsazeno.
WIDTH=n
- určuje šířku buňky v bodech; všechny buňky ve sloupci by měly
mít stejnou šířku.
HEIGHT=n
- určuje výšku buňky v bodech; všechny buňky v řádku by měly
mít stejnou výšku.
NOWRAP
- zakazuje automatické lámání řádků uvnitř buňky; ruční zalomení
řádku se provádí tagem < BR> .
BGCOLOR="barva"
- definuje barvu buňky.
BACKGROUND="jméno_souboru_s_obrázkem"
- umístí na pozadí buňky obrázek.
Příklad:
< TABLE border=1>
< TR>< TH width=10% bgcolor="Aqua" >Hlavička< /TH>
< TD width=50% Colspan=2 bgcolor="Red">FBI Seal< /TD>< /TR>
< TR>< TH width=10% Rowspan=2
bgcolor="Black" background="fbi21.gif">
< FONT color="White" size=+3>FBI< /FONT>< /TH>
< TD width=25% bgcolor="Yellow">
< FONT color="Black">FBI Seal< /FONT>< /TD>
< TD width=25% bgcolor="Fuchsia">FBI Seal < /TD>< /TR>
< TR>< TD width=25% bgcolor="White">
< FONT color="Black">FBI Seal< /FONT>< /TD>
< TD width=25%>FBI Seal< /TD>< /TR>< /TABLE>
Takhle to vypadá
Začátek
Další