HTML Lentelės yra apibrėžiamos žyme <table>. Lentelės visada turi turėti nors vieną eilutę ir nors vieną stulpelį. Eilutė apibrėžiama <tr> žyme, o stulpelis toje eilutėje - <td>. <tr> žymės yra skirtos <td> žymių grupiavimui, į <td> žymės vidų galima talpinti tekstą, paveikslėlius, sąrašus, paragrafus, formas, horizontalias liniuotes, kitas lenteles ir t.t.
Štai kaip atrodo paprasčiausia HTML lentelė:
pirma eilutė, pirmas stulpelis (pirmo <tr> pirmas <td>td>) |
pirma eilutė, antras stulpelis (pirmo <tr> antras <td>td>) |
antra eilutė, pirmas stulpelis (antro <tr> pirmas <td>td>) |
antra eilutė, antras stulpelis (antro <tr> antras <td>td>) |
Pažymėkime viską skaičiais:
1.1 | 1.2 | 1.3 |
2.1 | 2.2 | 2.3 |
Kad būtų aiškiau, pridėjau trečią stulpelį. Šios lentelės kodas:
Tarp eilutės pradžios ir pabaigos žymių yra aprašyti trys stulpeliai:
<table> žymė turi kelis savo parametrus: width, cellspacing, cellpadding ir border. Tai yra pagrindiniai parametrai, kuriuos reikia nurodyti kuriant lentelę.
Antraštę lentelėje galima nurodyti žyme <th>:
rezultatas bus toks:
Antraštė 1.1 | Antraštė 2.1 |
---|---|
1.2 | 2.2 |
Tušti langeliai ne visada būna atvaizduojami taip, kaip norima, todėl reikia nepamiršti specialiojo simbolio &nbps; (non-breakable space) kuris nurodo nepertraukiamą tarpą. Jei norite turėti tuščią langelį, į jį įrašykite šį nepertraukiamą tarpą ir žinosit, kad visose naršyklėse bus atvaizduota teisingai.
Paprastas tuščias | Antraštė 1.2 | Tuščias su spec. simboliu |
---|---|---|
2.2 |
pabandyti Kelios skirtingos HTML lentelės
pabandyti Elementari HTML lentelė
pabandyti Lentelė su fonu
pabandyti Lentelė su skirtingomis border reikšmėmis
pabandyti Lentelės antraščių pavyzdys, tag'as
pabandyti Lentelės antraštė su tag'u
pabandyti Tusčias lentelės langelis
pabandyti Lentelė lentelėje
pabandyti Lentelės cellpadding atributo pavyzdžiai
pabandyti Lentelės cellspacing atributo pavyzdžiai
pabandyti Lygiavimo atributas lentelės langeliuose
pabandyti Lentelės langelių frame ir border atributai