Webszerkesztés

Táblázat kialakítása

Egyszerű táblázat megadása a <table> és a </table> tag-ek használatával lehetséges. A <table> és </table> tag-eken belül a <tr> és a </tr> elemekkel adhatjuk meg a táblázat sorait, a <td> és a </td> elemekkel a sorokon belüli cellákat.

Tartalom nélküli cellát ne hagyjunk, üres cella helyett írjunk be egy nem törhető szóközt: &nbsp;

Alapértelmezésben:

A táblázat minden sora azonos magasságú.
A cellák szélessége egy oszlopon belül a legszélesebb adat szélességéhez igazodik.
A cellák tartalma vízszintesen balra, függőlegesen középre igazított.
Nem tartalmaz szegélyt és térközt.

Táblázat címe

A táblázat címének megadása a table tag-ek után, a <caption> és a </caption> tag-ek használatával lehetséges. A táblázat címe a táblázat tetejére kerül, vízszintesen a táblázat közepére igazítva.

A táblázat címe nem örökli a táblázat beállításait.

Táblázat fejléce

A táblázat oszlopainak és a sorainak is adhatunk fejlécet. A fejléc megadása a <th> és a </th> tag-ek használatával lehetséges.

A fejléc szövege alapértelmezésben vízszintesen középre igazított és félkövér stílusú.

Nagyméretű (több oldalas) táblázat

Nagyméretű táblázat esetén kialakíthatunk a táblázatnak - oldalanként ismétlődő - fejlécet és láblécet. A táblázat adatai pedig a táblázat törzsbe kerülnek.

A thead, tfoot és tbody címkék is a table címkék között helyezkednek el. A tfood résznek nem szükséges a táblázat legvégén szerepelni.

Cellák összevonása

Oszlopok összevonása

A táblázat celláit vízszintesen a colspan paraméterrel vonhatjuk össze, ekkor meg kell adnunk egy számmal, hogy hány oszlopot szeretnénk egyesíteni.

Sorok összevonása

A táblázat celláit függőlegesen a rowspan paraméterrel vonhatjuk össze, ekkor meg kell adnunk egy számmal, hogy hány sort szeretnénk egyesíteni.