A táblázat sorokból és oszlopokból áll. A legegyszerűbb
táblázat, amelynek 1 sora és 1 oszlopa van. Épp ezt használhatjuk a
gportalon háttérnek! Mivel a 2. leckében említett oldalháttér színezést a
gportal keretrendszere "lenyeli", az egész leendő oldalunkat (modult)
betesszük egy táblázatba:)) Sok tulajdonsága van egy táblázatnak, én ezek
közül emelek ki néhányat, melyeket sűrűn használok. Kedvcsinálónak
: az oldalamon szereplő összes modulkeretet (képes, glitteres) táblázatok
segítségével csináltam. Ha ezt a leckét jól megérted, akkor be is zárhatom
az oldalamat, mindenki szebbnél szebb modulkereteket fog készíteni;)))
Lássunk hozzá!
<table> - táblázat kezdete
<tr> - sor kezdete
<td width="100"></td> - oszlop eleje és vége
</tr> - sor vége
</table> - táblázat vége
Ezzel az utasítással egy 1 soros, 1 oszlopos üres táblázatot hoztunk
létre. Pontosabban van benne egyetlen szóköz, melynek HTML kódja:
Úgy is mondhatnánk, egyetlen cella van benne.
A táblázatnak ezt a három
tulajdonságát szeretném részletezni. Nézzük az alábbi utasítást:
Így fog kinézni:
Egyetlen sora és oszlopa van, a cella tartalma 1 db szóköz. ( )
A szegély 3 pixel széles (border=3), rozsdabarna (bordercolor="#800000).
A táblázat szélessége 200 pixel (with="200").
A szélességet %-ban is megadhatod (pl. with="20%").
Cellaköz nincs (cellspacing="0"). Ezt az értéket akkor érdemes
növelni, ha nem akarod, hogy a táblazatba írt szöveg vagy kép "ráragadjon"
a táblázat szegélyére. Pixelben kell megadni.
Cellamargó sincs (cellpadding="0"). Ezt is pixelben kell megadni.
A táblazatszegély és a cellamargó NINCS együtt megjelenítve (style="border-collapse:
collapse") Ezzel ne foglalkozz;)))
A táblázat háttere sárga (bgcolor="#FFFF00") Ez nagyon fontos lesz
nekünk, hiszen eddig nem tudtunk a gportalon oldalháttérszínt megadni!
(Lásd 2. lecke)
Most egy kicsit gyakorolgass! Változtatgasd az egyes értékeket és mindig
nézd meg az eredményt!
Itt próbálgathatod, gépeld be ide!
Feladat: készíts egy 348 pixel széles táblázatot. A szegély legyen
sötétzöld, 6 pixeles.
A szóköz helyére írd be, hogy "Próba". A szöveg 10 pixel távol legyen a
táblázat szegélyétől!
A háttér legyen világoszöld.
Így kell kinéznie (a színárnyalat nem számít)
A helyes utasítás így néz ki:
A következő leckében glitteres modulkeretet készítünk táblázatok egymásba
ágyazásával!
Egy klikkelés és már nyomatódik az oldal |