3.3. Táblázatos adatok formázása
A táblázatok a HTML dokumentumok legfontosabb elemei. A strukturált adatok bemutatásának gazdag lehetőségein túl széles körben használják a weblapok "csontvázat" létrehozásának eszközeként.
A HTML táblázatokat a tároló segítségével határozzuk meg
. amely a táblázat egyéb elemeit tartalmazza: a cím, a cella fejléc és a tartalom. Konténer attribútumok
a grid vonal formátuma és az általános formázási szabályok be vannak állítva (az általános formátum akkor érvényes, ha a másik formátumot nem határozzák meg meghatározott sorok és cellák formátum-attribútumai).
A tábla neve konténer segítségével történik
. . A név igazítása az ALIGN attribútummal van megadva. amely a TOP (a táblázat tetején) és a BOTTOM (a táblázat aljáról) értékeit veszi figyelembe.
A táblázatban szereplő adatok soronként vannak rendezve, a tábla minden új sorát a címke határozza meg
.
(záró edénycímke nem használhatja). A táblázat minden egyes sorához speciális címke attribútumokat használ akkor szabályozhatja a sorok összetételének összes formázását.
A táblázat sorai cellás fejléc-címkékkel vannak felosztva cellákra
. | és adatcellás címkéket . | (a címkék bezárása nélküli rögzítés). Ami az asztal sorokat illeti speciális címke attribútumokkal és | Szabályozhatja az adott táblázatcellák formázását.
- az asztal konténerének kezdete
táblázat neve
| 1 címsor | ... N fejléc | - első sor / sapka
| sejt 1/1 | ... sejt N / 1 | - 1 sor
| sejt 1 / i | ... sejt N / i | - i stringet
| sejt 1 / M | ... sejt N / M | - utolsó sor
- az asztal konténerének vége
Így a HTML-dokumentumban a rácsvonalak nélküli legegyszerűbb táblázat a következőképpen van meghatározva:
És itt kapjuk meg a böngészőablakban:
Barátok és barátnők listája
Az asztalcella magassága pixelben vagy a táblázat szélességében van.
A táblák rácsvonalainak kezelése
A táblák rácsvonalainak vezérlésére használja a tároló BORDER attribútumát . amely az asztali keret vastagságát képpontokban határozza meg (alapértelmezés szerint a keret nem, BORDER = 0). A szabvány a HTML 4, új táblákat, attribútumok, sorok és cellák: FRAME rugalmasabb kezelését a rácsvonalak és táblázatok szabályok további csoportjait hozva létre vonalak határoló a táblázatokban.
Ezeket a tulajdonságokat a modern böngészők támogatják, és a következő értékeket vehetik igénybe:
VOID - keret nélkül;
ABOVE - a keret felső oldala;
Alul - a keret alsó oldala;
LHS - a keret bal oldala;
RHS - a keret jobb oldala;
VSIDES - függőleges vonalak;
HSIDES - vízszintes vonalak;
NINCS - csoportmentesítés nélkül;
CSOPORTOK - függőleges és vízszintes vonalak csoportos elválasztók;
egyenértékű
egyenértékű
Az asztalelemek színének kezelése
A táblázatelemek színvezérlő tulajdonságai a HTML-ben a böngészők legfontosabb szolgáltatói (Microsoft és Netscape) által kínált szabványkiterjesztések formájában jelentek meg.
Színkezelési bővítmények: BORDERCOLOR - határszín és BGCOLOR - háttérszín, melyeket a címkék attribútumaiként használnak: , , | , | . Ennek megfelelően cselekvésük hatóköre lehet az egész tábla, egy sor vagy egy cella.
- táblázatban.
| |
- vonalon.
| - sejt.
Kombinálja a táblák elemeit.
Komplex táblázatok létrehozásához nem szükséges sorok és oszlopok kombinálása nélkül. Egy táblázat szomszédos sorainak és oszlopainak cellájának egyesítéséhez a HTML a ROWSPAN és a COLSPAN címkék tulajdonságait használja és | . Ezek az attribútumok megadják a sorban lévő egyesített cellák számát (ROWSPAN = N) vagy oszlopot (COLSPAN = N). Tekintse meg ezeket a tulajdonságokat a példa táblázatban.
A táblázat HTML kódja:
FRIENDS ÉS FRIENDS |
|---|
FRIENDS | fekete szempillafesték | 44-44-44 |
Vasya | 33-33-33 |
Girlfriends | Masha | 11-11-11 |
Glasha | 22-22-22 |
A táblázat megjelenése:
FRIENDS ÉS FRIENDS
A standard HTML 4-ben új táblázatok kerültek csoportosításra (nem csoportosítása, azaz csoportosítása) a táblák soraiban és oszlopaiban közös tulajdonságokkal rendelkező csoportokba. Ezek címkék és - az oszlop tulajdonságainak csoportosítása és leírása, - az asztal fejlécének meghatározása, | - a test-asztal csoport definíciója, - az alsó sor meghatározása. Hasznos címke-attribútum és az attribútum SPAN = N. amely az ilyen címkék által meghatározott tulajdonságokat a csoport N-oszlopaira osztja fel.
A címkék használata nagymértékben megkönnyíti a táblák elrendezését és formázását. Alkalmazásuk rendszere a következő (ebben a példában a rögzítési címkék egyetlen formája . és . de abban az esetben, ha az egyiket használják, a konténer formát kell használni):
.
.
| 1 címsor | . N fejléc |
|
| 1 oszlop | . N oszlopban |
.
|
| 1 oszlop | . N oszlopban |
|
| 1 utolsó oszlop | . N az utolsó oszlop |
|
Az új címkék képességeinek bemutatásához nézzünk két lehetőséget, amelyek közül az egyik könnyebb - döntesz, de az eredmény ugyanaz lesz.
De mindkét tevékenységünk eredménye:
Kapcsolódó cikkek
|