A hiperszöveg jelölőnyelv alapjai

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

... - első sor / sapka
... - 1 sor
... - i stringet
... - utolsó sor

táblázat neve
1 címsor	N fejléc
sejt 1/1	sejt N / 1
sejt 1 / i	sejt N / i
sejt 1 / M	sejt N / M

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

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:

, , - 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 - 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):

. Ennek megfelelően cselekvésük hatóköre lehet az egész tábla, egy sor vagy egy cella.

- táblázatban.

é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
FRIENDS	Vasya	33-33-33
Girlfriends	Masha	11-11-11
Girlfriends	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

.

.

.

.
.
.

.

	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

előző ◈ a következő