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

    .
    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
    FRIENDSfekete szempillafesték44-44-44
    Vasya33-33-33
    GirlfriendsMasha11-11-11
    Glasha22-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ímsorN fejléc
    1 oszlopN oszlopban
    1 oszlopN oszlopban
    1 utolsó oszlopN 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