 |
 |
|
 |
 |
 |
 |
 |
 |
 |
 |
 |
4. TáblázatokTáblázatok létrehozásaKétségtelen, hogy a HTML egyik legkörülményesebb része a táblázatkezelés.
Merőben más gondolkodásmód és kezelés szükséges egy átlagos táblázatkezelőhöz
(mondjuk Excelhez) képest. A kód logikai felépítését tekintve a
táblázat cellái sorban egymást követik. Magát a táblázatot a <TABLE>
tag nyitja meg, és ugyanennek záró tagjével ér véget. A táblázat
ezen belül sorokra oszlik, melyeket az előbbi tagen belül a <TR>...</TR>
(table row) tagek fognak közre. Minden sorban természetesen cellák
találhatók, melyeket a <TD> (table
data) tag valamint annak lezárása jelöl. A cellákba nem csak szöveg,
bármilyen ismert HTML-tag illeszthető (pl. képek). Ügyeljünk arra,
hogy lehetőleg minden sor azonos számú cellát tartalmazzon! Ha egy
egészen egyszerű, kétszer kétsoros táblázatot akarunk létrehozni,
benne mondjuk 1, 2; 3, 4 adatokkal, gépeljük be a következő kódot: FormázásA kódot akár egy sorba is írhatjuk, az áttekinthetőség kedvéért
azonban jobban tesszük, ha soronként különszedjük, tördelni egyébként
akárhogy lehet, akár minden cellát írhatunk új sorba. A táblázat
köré és a cellák közé keretvonalakat rakhatunk, mely a <TABLE>
tag BORDER attribútumával érhető el. A
vonal vastagságát illetve (ha nincs keret) a cellák közötti távolságot
is megszabhatjuk a CELLSPACING taggel,
melyhez a kívánt vastagság méretét rendeljük pixelben. Létezik még
a CELLPADDING tag, melynél a hozzárendelt
pixelérték a keret és a szöveg/objektum közti távolságot adja meg.
Hozzuk létre az előző táblát 2 pixel vastag kerettel együtt, a számok
és a keret között öt pixel távolság legyen! A különbség voltaképpen
csak az első sorban van: Amennyiben nem akarjuk, hogy a táblázat sorai pontosan olyan magasak, illetve oszlopai olyan szélesek legyenek, hogy a szöveg, vagy bármi más éppen a cellákba férjen, úgy ezeket a paramétereket magunk is szabályozhatjuk. A táblázat egészének szélességét a (remélem) már jól ismert WIDTH attribútum adja meg, akár pixelben, akár százalékos formában. Ebben az esetben (ha lehetséges) az oszlopok azonos szélességűek lesznek. A táblázaton belül kedvünkre szabályozhatjuk az oszlopok szélességét, melyet (mondanom sem kell) ugyancsak a WIDTH attribútummal tehetünk meg a jól ismert módon (a százalékos forma a táblázat egészéhez, nem az oldalszélességhez viszonyul), a különbség csak annyi, hogy itt a <TD> tagbe kell beírni azt. Amikor egy táblázat valamelyik celláját üresen akarjuk hagyni, akkor is használjuk a cellát kijelölő tageket, csak ne írjunk közéjük semmit: <TD></TD>. Ekkor a cella helyén az esetleges keretvonalak nem fognak kirajzolódni. Ha azonban azt akarjuk, hogy a cella ugyan üres maradjon, de a keretvonalak normálisan legyenek megrajzolva, a cella tartalmába írjuk be a (non-breaking space - nemtörő szóköz) karakterkódot. ÖsszefoglalásHozzuk létre a következő táblázatot: <HTML>
<TABLE ALIGN=center BORDER CELLPADDING=2 CELLSPACING=2
WIDTH=600>
|
 |
 |
|