[ThomasWebMűhely] > HTML tanfolyam > Táblázatok

Táblázatok

<TABLE>
<CAPTION>
<TBODY>
<THEAD>
<TFOOT>
<TH>
<TR>
<TD>


<TABLE>

Van nyitó <TABLE> és zárótagja </TABLE>.

Tartalmazhatja a többi táblázati elemet.

Ezt az elemet tartalmazhatják a <APPLET> <BLOCKQUOTE> <BODY> <BUTTON> <CENTER> <DD> <DEL> <DIV> <FIELDFET> <FORM> <IFRAME> <INS> <LI> <MAP> <NOFRAMES> <NOSCRIPT> <OBJECT> <TD> <TH> elemek.

attribútumok:
WIDTH=méret táblázat szélessége px. vagy %
HEIGHT=méret táblázat magassága px. vagy %
CELLPADDING=szám cellák tartalmának távolsága a cella szélétől
CELLSPACING=szám cellák közötti üres hely
BORDER=szám táblázat kezete
BGCOLOR=szín egész táblázat háttérszíne
ALIGN=left(balra)
right(jobbra)
center(középre)
igazítás
SUMMARY=szöveg a táblázat összefoglalása
FRAME=típus külső szegély tulajdoságai
RULES=típus belső szegély tulajdonságai

A TABLE elem egy táblázatot határoz meg. Ezek négyzethálós elrendezésű sorokba és oszlopokba rendezett cellák. Adatokat mindig csak a táblázat cellái tartalmaznak, a táblázat többi eleme a tábl. felépítését írja le.
Használhatók adatok rendezett megjelenítéséhez, oldalak elrendezéséhez. Az elterjedt böngészőtípusok a táblázatokat csak akkor jelenítik meg, amikor az egész táblázat már letöltődött. Ezért, ha az egész oldalt táblázatba foglaljuk, számolnunk kell oldalunk lassabb megjelenésével a böngészőben.
Az alábbi attribútumokkal a táblázat egészére vonatkozó tulajdonságokat lehet beállítani:



A TABLE elemről bővebben itt olvashatsz...

fel...


<CAPTION>

Van nyitó <CAPTION> és zárótagja </CAPTION>.

Tartalmazhat szövegszintű elemeket.

Ezt az elemet a <TABLE> elem tartalmazhatja.

attribútuma:
ALIGN=left(balra)
right(jobbra)
top(tetejéhez)
bottom(aljához)
igazítás

A CAPTION elemmel a táblázat címét írjuk le. Opcionális elem, használatakor közvetlenül a <TABLE> nyitó tag után kell beilleszteni. A táblázat címsoraként jelenik meg a táblázat fölött, alapértelmezettként középre rendezve.

A CAPTION elemről bővebben itt olvashatsz...

fel...


<TBODY>

Van nyitó <TBODY> és zárótagja </TBODY>.

Tartalmazhat <TR> elemeket.

Ezt az elemet tartalmazhatja a <TABLE> elem.

attribútumok:
ALIGN=left(balra)
center(középre)
right(jobbra)
justify(sorkizárt)
vízszintes igazítás
VALIGN= top(tetejéhez)
center(középre)
bottom(aljához)
baseline(alapvonalhoz)
függőleges igazítás

Táblázatonként egy vagy több TBODY elemet lehet használni. A TBODY elemmel a táblázat egy részére vonatkozó formázási utasítást lehet adni. Az utasítás a rész összes cellájára fog vonatkozni. A TBODY elem a CAPTION elem után és a THEAD és a TFOOT opcionális elemek előtt szerepel.

A TBODY elemről bővebben itt olvashatsz...

fel...


<THEAD>

Van nyitó <THEAD> és zárótagja </THEAD>.

Tartalmazhat <TR> elemeket.

Ezt az elemet tartalmazhatja a <TABLE> elem.

attribútumok:
ALIGN=left(balra)
center(középre)
right(jobbra)
justify(sorkizárt)
vízszintes igazítás
VALIGN= top(tetejéhez)
center(középre)
bottom(aljához)
baseline(alapvonalhoz)
függőleges igazítás

A THEAD elem fejlécsorok csoportját határozza meg a táblázatban. A TABLE elem egy THEAD -et tartalmazhat, amelynek a CAPTION, COL, vagy COLGROUP elemek után kell következnie, és meg kell előznie az opcionális TFOOT és a kötelező TBODY elemet.

A THEAD használatával az oldalak szerzői fejlécet adhatnak táblázataikhoz, amely nyomtatáskor - több oldalas táblázatoknál - minden oldalon megjelenik.

Ezt az elemet viszonylag kevés böngésző támogatja.

fel...


<TFOOT>

Van nyitó <TFOOT> és zárótagja </TFOOT>.

Tartalmazhat <TR> elemeket.

Ezt az elemet tartalmazhatja a <TABLE> elem.

attribútumok:
ALIGN=left(balra)
center(középre)
right(jobbra)
justify(sorkizárt)
vízszintes igazítás
VALIGN= top(tetejéhez)
center(középre)
bottom(aljához)
baseline(alapvonalhoz)
függőleges igazítás

A TFOOT elem láblécsorok csoportját definiálja. Egy tábázat egy TFOOT elemet tartalmazhat, amelynek az opcionálisan használható <THEAD> elem után, de a kötelező <TBODY> elem előtt kell elhelyezkednie.

A TFOOT használatával az oldalak szerzői láblécet adhatnak táblázataikhoz, amely nyomtatáskor - több oldalas táblázatoknál - minden oldalon megjelenik. Mivel viszonylag kevés böngésző támogatja, az elhelyezési előírás (TBODY elé!) használhatatlanná teszi a TFOOT -ot nem támogató böngészőknél.

fel...


<TR>

Van nyitó <TR> és zárótagja </TR>.

Tartalmazhat TH és TD elemeket.

Ezt az elemet tartalmazhatják a <TABLE> <THEAD> <TFOOT> <TBODY> elemek.

attribútumok:
ALIGN=left(balra)
center(középre)
right(jobbra)
justify(sorkizárt)
vízszintes igazítás
VALIGN= top(tetejéhez)
center(középre)
bottom(aljához)
baseline(alapvonalhoz)
függőleges igazítás
BGCOLOR=szín a sor háttérszíne
HEIGHT=méret a sor magassága px. vagy %

A TR elem a táblázat egy sorát határozza meg.

A TR elemről bővebben itt olvashatsz...

fel...


<TH>

Van nyitó <TH> és zárótagja </TH>.

Tartalmazhat szövegszíntű és blokkszintű elemeket.

Ezt az elemet a <TR> elem tartalmazhatja.

attribútumok:
WIDTH=méret cella szélessége px. vagy %
HEIGHT=méret cella magassága px. vagy %
ALIGN=left(balra)
center(középre)
right(jobbra)
justify(sorkizárt)
vízszintes igazítás
VALIGN=top(tetejéhez)
center(középre)
bottom(aljához)
függőleges igazítás
COLSPAN=szám adott sorban összevont cellák száma
ROWSPAN=szám adott oszlopban összevont cellák száma
BGCOLOR=szín cella háttérszíne
NOWRAP sortörés tiltása

A TH elem a táblázat fejléc celláit határozza meg. A legfelső adatsor fölött, a CAPTION elem után helyezkedik el.

A TH elemről bővebben itt olvashatsz...

fel...


<TD>

Van nyitó <TD> és zárótagja </TD>.

Tartalmazhat szövegszíntű és blokkszintű elemeket.

Ezt az elemet a <TR> elem tartalmazhatja.

attribútumai:
WIDTH=méret cella szélessége px. vagy %
HEIGHT=méret cella magassága px. vagy %
ALIGN=left(balra)
center(középre)
right(jobbra)
justify(sorkizárt)
vízszintes igazítás
VALIGN=top(tetejéhez)
center(középre)
bottom(aljához)
függőleges igazítás
COLSPAN=szám adott sorban összevont cellák száma
ROWSPAN=szám adott oszlopban összevont cellák száma
BGCOLOR=szín cella háttérszíne
NOWRAP sortörés tiltása a cellában.

A TD elemmel a táblázat celláit írhatjuk le.

A TD elemről bővebben itt olvashatsz...

fel...


Elküldöm ezt a lapot a barátomnak!

A barátom e-mail címe:

saját megjegyzésem

Itt saját megjegyzéseidet
fűzheted hozzá a látottakhoz.

Látogatók száma 2002. 10. 01 óta: 2369.


HTML tag listához...
tanfolyamok listája...
home...
fel...
előző...
következő...
tartalom...