9. lecke foglalkozik táblázatok html

Nézzük megérteni, hogyan kell építeni egy egyszerű táblázatot. Ehhez szükségünk van egy minimum három elemből.

TÁBLÁZAT - Az elem létrehozása html asztalra. Kell egy kezdő és záró tag. Alapértelmezett HTML táblázatot nyomtatott szegély nélküli, és jelzést végzünk automatikusan mennyiségétől függően a bennük található adatokat. Azt kell mondanom, hogy van határ attribútummal, amely meghatározza a vastagsága az asztalra határ pixel.

TR (Táblázat sor) - hoz létre egy új sort a táblázatban. A záró tag kötelező.

TD (táblázat adatai) - Kezdő és záró minden cella számos HTML táblázat. Kötelező záró címke.

Próbáljunk létrehozni egy táblázatot a két sort és két oszlopot:

Itt van, hogyan fog kinézni a böngészőben:

Megértették? Ie táblázat kezdődik

, akkor megy , jelezve a kezdete egy új sorozat. Közül a két sejtek egészül ki: és . Számos zárt , és azonnal megkezdi egy új sorozat . Az új sor is tartalmaz két cellát. táblázat záródik
1. számú yacheyka1sorozat 1 yacheyka2
. Minden szép logikai

És hogyan lehet egyesíteni sejtek?

Ehhez vannak adatattribútumok.

Colspan - határozza meg az oszlopok számát, amelyre kiterjed az adott cellában. Az alapértelmezett érték 1.

Rowspan - meghatározza a sorok számát, amely húzódik a cella. Az alapértelmezett érték 1.

Kapunk a böngésző:

Box száma 1 1 + 2

Kapunk a böngésző:

Box 1, 1. sor + 2

Semmi bonyolult. Nézd meg alaposan a három példát, és minden világos lesz.

Itt van egy másik hasznos tulajdonságok:

Cellpadding - határozza meg a távolságot (pixel) között a keret minden cella html táblázatok és benne lévő anyag.

Cellspacing - határozza meg a távolságot (pixel) közötti határokat a szomszédos sejtek html táblák.

Szélesség - határozza meg a szélességét html asztalra. A szélesség megadott vagy pixelben vagy százalékban a böngésző ablak szélessége. Alapértelmezés szerint, ez az attribútum automatikusan határozza meg attól függően anyag térfogata táblázat tartalmazza.

Magasság - határozza meg a magassága a táblázat. A magassága van megadva vagy pixelben vagy százalékban a magassága a böngésző ablakot. Alapértelmezésben ez a tulajdonság automatikusan határozza meg attól függően szereplő összeg html táblázatban anyag.

Az eredmény a böngészőben:

Az eredmény a böngészőben:

Az eredmény a böngészőben:

És végül az utolsó négy tulajdonság:

ALIGN - határozza meg a vízszintes igazítás a HTML táblázat vagy cella tartalmát. Lehetséges értékek: balra, középre, jobbra. Az alapértelmezett érték - maradt.

VALIGN - meg kell határoznia a függőleges igazítás a táblázat vagy cella tartalmát érték .A táblázatban: felső, alsó, középső. (Erősítve a felső, préselt, hogy az alsó, és állítsa a közepén).

BGCOLOR - meghatározza a háttér színe táblázat sejteket. Mivel RGB-értékek hexadecimális vagy 16 az egyik alapszín.

HÁTTÉR - lehetővé teszi, hogy töltse ki a háttérben a tábla tervezése. Az érték adja meg az URL-mintát.

Megjegyzés: akkor legalább minden sejt a táblázat a színes háttér vagy háttérkép. De ha a háttér színét (vagy kép) a alapelem TABLE majd minden sejt lesz a háttér (kép), és ha azt szeretnénk, egy bizonyos sejt változtatni, regiszter egyaránt megfelel tulajdonítani a cellába.















1. számú yacheyka1 sorozat 1 yacheyka2
Row 2 Box 1 2. sor Cell 2,

Az eredmény a böngészőben:

Ha a kép kisebb, mint egy sejt, akkor lehet sokszorosítani, amint a példa mutatja. Ha többet - ez lesz látható, hogy az alkatrész elfér :).

Nos, elvileg, és az összes asztal. Ha nem emlékszik, ne aggódj. A gyakorlatban minden eszébe jutott (mint mondják a lényeg, hogy tudja, hol peep!). mindent elkövetnek nagyon egyszerűen a programban Adobe Dreamweaver.

↑ top ↑

Kérdése van? Válaszokat kaphat Fórum Ügyfélszolgálat

Kapcsolódó cikkek