3. lecke - Tblzat
2008.01.16. 16:08
3. lecke
Tblzatok |
A tblzat sorokbl s oszlopokbl ll. A legegyszerbb
tblzat, amelynek 1 sora s 1 oszlopa van. pp ezt hasznlhatjuk a
gportalon httrnek! Mivel a 2. leckben emltett oldalhttr sznezst a
gportal keretrendszere "lenyeli", az egsz leend oldalunkat (modult)
betesszk egy tblzatba:)) Sok tulajdonsga van egy tblzatnak, n ezek
kzl emelek ki nhnyat, melyeket srn hasznlok. Kedvcsinlnak
: az oldalamon szerepl sszes modulkeretet (kpes, glitteres) tblzatok
segtsgvel csinltam. Ha ezt a leckt jl megrted, akkor be is zrhatom
az oldalamat, mindenki szebbnl szebb modulkereteket fog kszteni;)))
Lssunk hozz!
<table> - tblzat kezdete
<tr> - sor kezdete
<td width="100"></td> - oszlop eleje s vge
</tr> - sor vge
</table> - tblzat vge
Ezzel az utastssal egy 1 soros, 1 oszlopos res tblzatot hoztunk
ltre. Pontosabban van benne egyetlen szkz, melynek HTML kdja:
gy is mondhatnnk, egyetlen cella van benne.
A tblzatnak ezt a hrom
tulajdonsgt szeretnm rszletezni. Nzzk az albbi utastst:
gy fog kinzni:
Egyetlen sora s oszlopa van, a cella tartalma 1 db szkz. ( )
A szegly 3 pixel szles (border=3), rozsdabarna (bordercolor="#800000).
A tblzat szlessge 200 pixel (with="200").
A szlessget %-ban is megadhatod (pl. with="20%").
Cellakz nincs (cellspacing="0"). Ezt az rtket akkor rdemes
nvelni, ha nem akarod, hogy a tblazatba rt szveg vagy kp "rragadjon"
a tblzat szeglyre. Pixelben kell megadni.
Cellamarg sincs (cellpadding="0"). Ezt is pixelben kell megadni.
A tblazatszegly s a cellamarg NINCS egytt megjelentve (style="border-collapse:
collapse") Ezzel ne foglalkozz;)))
A tblzat httere srga (bgcolor="#FFFF00") Ez nagyon fontos lesz
neknk, hiszen eddig nem tudtunk a gportalon oldalhttrsznt megadni!
(Lsd 2. lecke)
Most egy kicsit gyakorolgass! Vltoztatgasd az egyes rtkeket s mindig
nzd meg az eredmnyt!
Itt prblgathatod, gpeld be ide!
Feladat: kszts egy 348 pixel szles tblzatot. A szegly legyen
sttzld, 6 pixeles.
A szkz helyre rd be, hogy "Prba". A szveg 10 pixel tvol legyen a
tblzat szeglytl!
A httr legyen vilgoszld.
gy kell kinznie (a sznrnyalat nem szmt)
A helyes utasts gy nz ki:
A kvetkez leckben glitteres modulkeretet ksztnk tblzatok egymsba
gyazsval!
Egy klikkels s mr nyomatdik az oldal |
|
|
|