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
1. számú yacheyka1 | éssorozat 1 yacheyka2 | . Számos zárt
É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