Beküdte: softman | 2008-12-29 13:27:57 | hozzászólások (2)
Megtekintve 2252 alkalommal
Értékelés: 
| értékelje ezt a tutorialt
Ez a kis segédlet megmutatja, hogy hogyan lehet HTML tagokkal egyszerűen táblázatokat készíteni.
Mint tudjuk, a HTML nyelvben HTML tagokat használunk. Általában egy HTML tag, magába foglal a kódban egy kódblokkot, és arra vonatkozik, így ezáltal a legtöbb HTML tagot le kell zárni. (vannak kivételek, erről itt nem lesz szó).
A HTML tagokat [ide jön a tag neve] zárójelek jelölik.
A lezárás pedig / jellel [/ide jön a tag neve].
A táblázatok legfontosabb tagjai
A tagok nyitása és lezárása szigorúan csak egymásba ágyazva lehetséges!
Példa egy egyszerű táblázatra: (3 oszlop, 2 sor)
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
A fenti kód egy 2 soros 3 oszlopos táblázathoz vezet.
A [table] tag esetén további paraméterek megadása lehetséges:
Ezek közül nézzük a legalapvetőbbeket
cellpadding="2" ez a cellákban lévő tartalom és a cella szélének távolsága (pl 2)
cellspacing="2" ez a cellák közötti távolság
border="1" ez a keret vastagsága
bgcolor="#FF0000" háttér színe (pl piros)
bordercolor="#FF0000" keret színe (pl piros)
width="100%" - a tábla szélessége (lehet % vagy pont érték is)
A [td] tagoknál is alkalmazhatunk paramétereket, pl:
width="15" -cella szélessége (%ban, vagy pontban)
height="25" -cella magassága
bgcolor="#660000" -cella kitöltő színe.
Az oszlopok összevonhatól a:
colspan="?" paraméterrel ahol a ? az összevonandó oszlopok száma. Ez esetben az adott sorban egyesített cella lesz látható. Ugyanez megoldható sorok esetén is a rowspan="?" paraméterrel.
Ezen kívűl még rengeteg lehetőségünk nyílik táblázatunk formázására. Például használhatóak a css stílusok, illetve beágyazva a style="" paraméter, melynek részleteire ez a tutorial nem tér ki.
Jó táblázat készítést kívánok mindenkinek.
Softman