Táblázatot készíteni HTML-ben

Innen: Hogyankell.hu

[szerkesztés] Hogyan kell táblázatot készíteni HTML-ben?

Az alábbiakban bemutatjuk, hogyan kell HTML5-ben táblázatot készíteni.

[szerkesztés] Lépések

  1. 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 és a
      tagok közé tesszük.
    • A táblázat sorait a és a tagok közé tesszük.
    • A táblázat legkisebb egységét, a cellát a és a 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. Html-tablazat1.jpg
  2. Ha a táblázatnak fejlécet is szeretnénk, akkor a fejléc celláinál a „td” helyett „th” tagokat használunk. 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.
  3. Ha szeretnénk a táblázatnak címet is adni, azt a és tagok közé írhatjuk az alábbi módon: Html-tablazat3.jpg
  4. 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. Html-tablazat4.jpg
    • 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. Html-tablazat5.jpg

[szerkesztés] Tippek

  • A „cellpadding” használatával növelhetjük a távolságot a szöveg és a cella szegélye között. Html-tablazat6.jpg
  • A „cellspacing” használatával növelhetjük a távolságot a cellák között. Html-tablazat7.jpg

[szerkesztés] Amire szükséged lehet

  • kis gyakorlás
  • Notepad ++ vagy egyszerű Jegyzettömb használata

[szerkesztés] Figyelmeztetések

  • A táblázat minden sorában azonos számú cellának kell lennie – legfeljebb vonjuk össze, ha arra van szükség.

[szerkesztés] Kapcsolódó források, hivatkozások

  • saját tapasztalat

Az oldal szerzői

Kiscsillag