7. lecke
amelyben a táblázatokkal ismerkedünk


A táblázat:Sorokból és oszlopokból álló rendezett tömb.

Használják az újság szerkesztésben, pl. amikor hasábokra szedik a szöveget, vagy képeket helyeznek a lapra.
Használják a statisztikusok, mérnökök, stb. amikor méréseket, eredményeket mutatnak be.

A HTML lap összeállításához pedig elengedhetetlenül szükséges, ha igazán szép, rendezett lapot akarunk készíteni.



A kiadandó parancssor a következő: 2 soros - 3 oszlopos tábla (2 X 3)

<table> táblázat eleje
    <tr> a táblázat első sora
         <td> az 1. sor első eleme </td>
         <td> az 1. sor második eleme </td>
        <td> az 1. sor harmadik eleme </td>
    </tr> a táblázat első sorának vége
     <tr> a táblázat második sora
         ;<td> a 2. sor első eleme </td>
         <td> a 2. sor második eleme </td>
        <td>
a 2. sor harmadik eleme </td>
    </tr>
a táblázat második sorának vége
</table> a táblázat vége

Ezek a parancsok éppen úgy egymásba vannak ágyazva, mint a felsorolásnál. A sorrendet jól meg kell jegyezni, hogy ne tévesszünk!

Az eredmény:

<table>
<tr>
<tr>
<td> 1 </td> <td> 2 </td> <td> 3 </td>
<td> 4 </td> <td> 5 </td> <td> 6 </td>
</tr>
</tr>
</table>

Készíts hasonló táblázatot! (feltétlenül írj az egyes cellákba valamit, mert különben nem látszik semmi!)

NÉZD MEG!
és gyere vissza!



A táblázat celláiban a szövegformázás align és valign parancsokkal történik:

   <td valign=top>  a cellán belül felülre
   <td valign=bottom>  a cellán belül alulra
   <td align=left>  balra
   <td align=center>  középre
   <td align=right>  jobbra

Példa:
felülközépenlent
balraalul, középenjobbra

A parancsokat természetesen itt is lehet kombinálni.
Alakítsd át ilyen módon az előbb elkészített táblázatodat!
NÉZD MEG!
és gyere visza



Ha egy cellába túl sok szöveget akarunk írni, akkor jobb, ha összevonjuk a cellákat a colspan vagy a rowspan parancsokkal.

   <td colspan=2> 2 oszlop "összeolvasztása"
   <td colspan=3> 3 oszlop "összeolvasztása"...
   <td rowspan=2> 2 sor "összeolvasztása"
   <td rowspan=4> 4 sor "összeolvasztása"

Példa:
almakörtebarackmálna
sárgadinnyevérbélű
narancs
szilvaeper
büszkebanánananászdatolya

Ráadásul ezeket a parancsokat az előzőekkel is lehet kombinálni

NÉZD MEG!

Vége a 7. leckének!