8. lecke
amelyben a táblázatok további formázásával foglalkozunk




További formázó utasítások táblázatra:

1, A táblázat helyzetét a már ismert left, center, right utasításokkal adhatjuk meg.

2, Megadhatjuk a táblázat méretét. (általában csak a szélességet szoktuk, a magasság úgyis a tartalomtól függ.)
Parancsa:
   <table width=800>    a képenyő teljes szélessége
   <table width=400>    a képenyő szélességének fele ...stb.

A HTML dokumentum bármely elemének méretét megadhatod a width=szélesség, ill. a height= hosszúság parancsokkal. Tehát az egyes oszlopok szélességét, magasságát is: td width= height=


3, A cellák egymástól való távolságát, illetve a cellabélést.
    cellspacing= a cellák távolsága
    cellpadding= a cellabélés (ha meg van adva 2-3 egység a cellabélésre, a betűk nem érnek egészen a cella széléig, és így nem folyik össze az írás.)
Megmutatom:
cellabélés nélkül cellabélés nélkül
cellabélés nélkül cellabélés nélkül

6-os cellabéléssel 6-os cellabéléssel
6-os cellabéléssel 6-os cellabéléssel

4, Meghatározhatjuk legyn-e keret (border), vagy sem,
ha igen milyen széles legyen.
   border= keret (bordűr) Ha szöveget formázunk táblázattal (hasábokat, bekezdéseket, stb.) a border=0 - át válasszuk, azaz nem fog látszani a táblázat szegélye.
Nézd meg a különbséget:
Nincs keret
3-as vastagságú kerettel

5, A táblázatnak, vagy egyes celláknak megadhatjuk a háttérszínét.
Teljesen ugyanúgy járunk el, mint a test (body) hátterénél: lehet kisképből, lehet színekből.
Ha az egész táblát színezzük:
   <table> bgcolor=#......
   <table> background=
ha a cellát:
   <td bgcolor=#......
    <td background=
Megmutatom:

1. cella2. cella3. cella


Ezzel az is láthatóvá vált, hogy az egyes cellákon belül is lehet a betűtipusokat, betűszíneket, formázásokat (jobbra, balra, középre) végrehajtani, mint bárhol a dokumentum törzsében!

A táblázatokat egymásba ágyazhatod, sőt egyetlen cellában elhelyezhetsz egy másik táblázatot, ... s csak a fantáziád szabhat határt ennek az egésznek!

NÉZD MEG!

Vége a 8. leckének!