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.

Az előadások a következő témára: "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."— Előadás másolata:

1 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

2 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

3 Táblázatok Webszerkesztés

4 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

5 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

6 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

7 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