Táblázatok A táblázat megadása a <table> tag használatával lehetséges. A <table> és </table> tageken belül: a <tr> és </tr> tagek között adhatjuk meg a táblázat sorait. a <td> és </td> tagek a sorokon belüli cellák létrehozására szolgálnak. Az egyes sorok/oszlopok fejléceit a <th> és </th> tagek között adhatjuk meg, amelyek kiemelve jelennek meg. Webszerkesztés
Táblázatok 1. sor 1. cella 1. sor 2. cella 2. sor 1. cella <table> <tr> <td>1. sor 1. cella </td> <td>1. sor 2. cella </td> </tr> <tr> <td>2. sor 1. cella </td> <td>2. sor 2. cella </td> </tr> </table> 1. sor 1. cella 1. sor 2. cella 2. sor 1. cella 2. sor 2. cella HTML
Táblázatok Webszerkesztés
A <table > tag paraméterei width= szélesség megadása képpontokban vagy a rendelkezésre álló hely százalékában Pl.:<table width="500"> <table width="80%"> align= balra - "left", középre - "center", jobbra - "right" border= a szegély vastagsága képpontokban bgcolor= a táblázat háttérszínének beállítása cellspacing= cellák közti távolság cellpadding= cellamargó HTML
A táblázatsor <tr > és táblázatcella <th >, <td > paraméterei align= A táblázatsor cellatartalmainak illetve a cella tartalmának vízszintes igazítására szolgál. balra (ez az alapértelmezett) - "left", középre - "center", jobbra "right", sorkizárt "justify" valign= A táblázatsor cellatartalmainak illetve a cella tartalmának függőleges igazítására szolgál. cella tetejéhez - "top", középre - "middle", cella aljához - "bottom" HTML
A <td > és <th > tagek paraméterei width= szélesség megadása képpontokban height= magasság megadása képpontokban colspan= az adott cella ennyi oszlop széles lesz rowspan= az adott cella ennyi sor magas lesz bgcolor= a cella háttérszínének beállítása HTML
Hány sora és hány oszlopa van egy táblázatnak? sorok száma: <tr> … </tr> -ek száma oszlopok száma: az egyes sorokban előforduló <th> … </th>, <td> … </td> -k számának, azaz a cellák számának maximuma (ha valahol a colspan="3" akkor az 3 db cellának számít) Webszerkesztés