07. Táblázatok készítése
A weben a táblázatok nem számolótáblák (mint az Excelben), segítségükkel összetett tervek és elrendezések készíthetok. Például táblázattal oldható meg az elemek egymás mellé helyezése vagy szöveghasábok létrehozása. Bár a HTML oldalelrendezési szolgáltatásai igen korlátozottak, a táblázatok révén pontosan elhelyezhetok és beigazíthatóak az oldal elemei.
A táblázatok három fo elembol állnak: ezek a sorok, az oszlopok és a cellák. A HTML táblázatok leginkább abban különböznek a számolótábláktól, hogy itt hangsúlyosabban kerül elotérbe a létrehozás és a szerkesztés.
Standard Table View
Alaphelyzetben a táblázatokat ebben a nézetben hozzuk létre beszúrással, amelynél az oszlopok és sorok számát kell megadnunk. Az eszközsoron az Insert Table gombot megtalálhatjuk a Common, Layout és a Table csoportokban is vagy az Insert - Table menüsorban.
![](//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1286305858_42.png)
A megjeleno ablakban a sorok (Rows) és oszlopok (Columns) számát és esetleg a táblázat szélességét kell megadnunk, a többi értéket utólag is beállíthatjuk a Properties panelon. A táblázat méretét beállíthatjuk a teljes oldalhoz képest százalékos arányban (Percent), valamint pixel-ben is.
A Standard nézetben a Properties panelon a táblázat beállításai mellett az egyes cellák tartalmára vonatkozó beállítások is elérhetok. A táblázaton belül kijelöléssel egy vagy akár több cella tulajdonságait is megváltoztathatjuk. A CTRL billentyu segítségével a nem szomszédos cellákat is kijelölhetjük.
A Properties panel felso része a szöveg formázási lehetoségeit tartalmazza, az alsó részén a cellák beállításai találhatjuk:
- W: a cella szélességét adja meg.
- H: a cella magasságát adja meg.
- No Wrap: jelöljük be a négyzetet, ha a cellában el szeretnénk kerülni a sorokra tördelést. A
cella szélessége ekkor a szöveg beírásával együtt növekedni fog.
- Header: a négyzet bejelölésekor a cella tartalmát félkövér és középre igazított
címsorstílussal formázhatjuk meg.
- Bg (kép): a mezoben háttérképet adhatunk meg a cellához.
- Bg (szín): a mezoben háttérszínt adhatunk meg a cellához.
- Brdr (szín): a cella szegélyeinek színét állíthatjuk be.
Cellák egyesítése és felosztása
Egyesítése:
Csak szomszédos cellákat lehet egyesíteni. Ha elkészült a táblázatod (Insert-Table) akkor jelöld ki a táblázatokban a cellákat. Nekem a kijelölt rész zölddel látszik.
![](//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1286305851_35.png)
Kijelölés után a Properties panelon keressük meg a Merge selected cells using spans kapcsolót:
![](//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1286305844_05.png)
Amint rányomsz erre az ikonra látod, hogy a cellék egyesülnek. Nekem az 5 soros táblázatomból 3 soros lett.
![](//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1286305837_50.png)
Felosztása:
Szintén jelöld ki a táblázatodban azt a részt, ahova még szeretnél sorokat vagy oszlopokat.
![](//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1286305837_50.png)
A felosztáshoz elég egy cellába kattintani, majd a Properties panelona Splits cell into rows or columns gombot lenyomni.
![](//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1286305830_22.png)
Amint rányomtál a Splits cell... ikonra ez a kis ablak fog elougrani:
![](//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1286305823_38.png)
Itt lehet beállítani a Split Cell panelon, hogy sorokra (Rows) vagy oszlopokra (Columns) szeretnénk felosztani a cellát, ill. ezek számát. És ez lett a táblázatomból:
![](//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1286305816_12.png)
|