emailconfirmed
3 341
szerkesztés
Módosítások
→Lépések
Az alábbiakban bemutatjuk, hogyan kell HTML5-ben táblázatot készíteni.
== Lépések ==
# '''Az alábbi módon készíthetünk egy egyszerű táblázatot. ''' Az alábbiakat kell figyelembe venni:
#* A táblázatot a <table> és a </table> tagok közé tesszük.
#* A táblázat sorait a <tr> és a </tr> tagok közé tesszük.
#* A táblázat legkisebb egységét, a cellát a <td> és a </td> tagok közé tesszük.
#* Ahhoz, hogy lássuk, hogyan is néz ki a táblázat, ezért egy 1 pixeles keretet teszünk rá. Ezt úgy tudjuk elérni, ha a table taghoz az alább látható módon hozzátesszük a border=”1” tagot. [[Fájl:html-tablazat1.jpg]]
# '''Ha a táblázatnak fejlécet is szeretnénk, akkor a fejléc celláinál a „td” helyett „th” tagokat használunk. ''' [[Fájl:html-tablazat2.jpg]]
#* Ha a táblázat első celláit szeretnénk fejlécként használni, akkor azon cellák esetében használjuk a „td” helyett a „th” tagokat.
# '''Ha szeretnénk a táblázatnak címet is adni, azt a <caption> és </caption> tagok közé írhatjuk az alábbi módon: ''' [[Fájl:html-tablazat3.jpg]]# '''Táblázat celláinak összevonása a „colspan” és a „rowspan” tagokkal történik. ''' #* Ha egymás melletti cellákat szeretnénk összevonni, akkor használjuk a „colspan” parancsot az alábbi módon. Az idézőjelek közötti számot annak megfelelően adjuk meg, hogy hány cellát szeretnénk összevonni. [[Fájl:html-tablazat4.jpg|580px]]
#* Ha egymás alatti cellákat szeretnénk összevonni, akkor használjuk a „rowspan” parancsot az alábbi módon. Az idézőjelek közötti számot annak megfelelően adjuk meg, hogy hány cellát szeretnénk összevonni. [[Fájl:html-tablazat5.jpg]]
== Tippek ==
* A „cellpadding” használatával növelhetjük a távolságot a szöveg és a cella szegélye között. [[Fájl:html-tablazat6.jpg]]