tutorials.hu

Kezdőlap Blogok Fórum Kapcsolat

Belépés

E-mail cím:

Jelszó:



Regisztráció
Elfelejtett jelszó

Új tutorial feltöltése ebbe a ketegóriába!

Tutorial feltöltése ebbe a kategóriába

HTML tutorial


HTML táblázatok alapjai

Beküdte: softman | 2008-12-29 13:27:57 | hozzászólások (2)
Megtekintve 50289 alkalommal
Értékelés: | értékelje ezt a tutorialt

HTML táblázatok alapjai

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
  • <table> -táblázat kezdete
  • <tr> -új sor
  • <td> -új oszlop


  • 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
    Hozzászólások:
    Beküldte: aty 2008-12-29 13:29:41
    Beküldte: softman 2009-01-02 22:04:30



    Szólj te is hozzá:
    Beceneved:


    Hozzászólásod:


    Megjegyzés

    A beküldött tutorialok taralmáért felelősséget az oldal szerkesztője nem vállal



    Hirdetések


    Photoshop, Flash, CSS, JavaScript, HTML, Delphi, C++, SQL, Egyéb segédletek gyűjteménye
    Copyright © O-Soft Bt. Készítette, és az oldalt fenntartja O-Soft Bt.