urlapok tartalom keretek

  1. Táblázatok
    1. Táblázatok formázása, igazítása
    2. Táblázatok elõször a HTML 3-as verziójában jelentek meg. Kezdetben csak két böngészõ, a Netscape és az Arena engedte meg a használatát. Táblázatok segítségével igen tetszetõs oldalakat készíthetünk keretek alkalmazása nélkül is. Segítségével az oldalba beépítendõ dolgainkat jól pozícionálhatjuk. Jelölésére a <TABLE>...</TABLE> tag párost használjuk. A táblázatot bekeretezhetjük a BORDER paraméter segítségével. Ha értéket is adunk neki, ami egy számérték, akkor azzal a keret vastagságát határozzuk meg képpontban. Az ALIGN attribútummal igazíthatjuk balra (LEFT), jobbra (RIGHT) és középre (CENTER) az elkészült táblázatot.

      A HTML-ben igen egyszerûen hozhatunk létre egy-egy táblázatot. A <TABLE> nyitó és záró tag-jein belül jelölni kell egy-egy sort a <TR>...</TR> (table row) segítségével és az így létrehozott sorokon belül megadjuk a cellák értékeit. Mindegyiket külön <TD>...</TD> (table data) vagy <TH>...</TH> (table header) tag-ek közé helyezzük. A két tag között csupán annyi a különbség, hogy a <TH> fejléccellák tartalma vastagabban szedett. A fejléccela nem azt jelenti, hogy csak az elsõ sorban használható, hanem a táblázat minden részében alkalmazhatjuk. A <TD> és a <TH> tag-en belül használt ALIGN külön cellánkénti igazítást valósít meg. Ha nem szeretnénk, hogy cellatartalmakat a böngészõ önhatalmúlag sajátmaga végezze el, a NOWRAP paraméterrel megtilthatjuk ezt. Ebben az esetben magunknak kell a <BR> sortörésekrõl gondoskodnunk. A táblázatcellák körüli és közötti helykihagyást is befolyásolhatjuk. A CELLSPACING paraméterrel a cellák közötti távolságot, a CELLPADDING paraméterrel pedig a cellatartalom és a keret közötti távolságot határozhatjuk meg képpontban. A táblázat szélességét a WIDTH attribútummal adhatjuk meg akár pixelben, akár az aktuális lapszélesség bizonyos százalékában.

      Az elkészült táblázatnak címet is lehet adni a <CAPTION>...</CAPTION> tag-el, amelyet közvetlenül a <TABLE> és az elsõ <TR> között kell elhelyezni. A mellette megadott ALIGN-nal beállíthatjuk a cím elhelyezkedését a táblázat fölé (top), alá (bottom), tõle balra (left) és tõle jobbra (right).

    3. Táblázatok sorai
    4. A <TR>-nél alkalmazott ALIGN paraméter a sorban lévõ cellák vízszintes igazítását végzi el. Értékei ugyanazok lehetnek mint a <P> elemnél, LEFT (alapértelmezett), RIGHT, CENTER (a <TH>-nál alapértelmezett) és JUSTIFY. A cellatartalmak függõleges igazítására a VALIGN szolgál. Értékei a következõk lehetnek: TOP (a cella tetejéhez), BOTTOM (a cella aljához), MIDDLE (középre) és BASELINE (a cellák elsõ sorának az alapvonalához).

    5. Cellák
    6. A cellákról vagy a táblázat adatairól már az elõzõekben volt szó, azonban ha szebb, igényesebb táblázatot szeretnénk készíteni, akkor van még jó néhány lehetõségünk. Az elsõk közé tartozik a ROWSPAN, illetve COLSPAN, amelyek segítségével megadhatjuk, hogy az adott cella hány cellahelyet foglaljon majd el. A ROWSPAN-nal azt adjuk meg, hogy a cella hány sor magas, a COLSPAN-nal pedig hány oszlop szélességû legyen. A cellákra is elõírhatunk más-más igazítást, akár mindegyikre különfélét is, ugyanúgy mint a táblázat sorainál az ALIGN és a VALIGN paraméterekkel. Ezeknek az értékei is teljesen megegyeznek az ott használtakkal. Ha a kinézet megkívánja, akkor a cellák szélességét és magasságát is változtathatjuk, a WIDTH és HEIGHT értékeinek megadásával. Ezek az értékek pixelben adandók meg.

      <table width="40%" border="2" cellspacing="1" cellpadding="2"
      align="center" class="pelda">
      <caption align="top" class="pelda">
      A táblázat címe</caption>
      <tr>
      <td rowspan="2">Két sort foglal el</td>
      <td colspan="2">Két oszlopot foglal el</td>
      </tr>
      <tr>
      <td>Egyet</td>
      <td>Egyet</td>
      </tr>
      </table>
      A táblázat címe
      Két sort foglal el Két oszlopot foglal el
      Egyet Egyet

    7. Sorcsoportok
    8. A HTML 4 már lehetõvé teszi, hogy egy táblázat sorait logikai csoportokba soroljuk. Mint például: fejléc: <THEAD>...</THEAD>, törzs: <TBODY>...</TBODY> és lábléc: <TFOOT>...</TFOOT>. A sorcsoportok készítésének az elsõdleges célja, hogy könnyebben lehet hozzájuk különbözõ stílusbeli sajátosságokat rendelni. Ezzel nagyban emelhetjük a táblázat megjelenésének színvonalát. Mindhárom tag-nél használhatók a CLASS, a STYLE és az ID attribútumok.

    9. Oszlopcsoportok
    10. A sorcsoportokhoz hasonlóan oszlopcsoportokat is létrehozhatunk. Erre akkor lehet nagy szükség, ha a táblázat egy-egy oszlopának más paramétereket szeretnénk definiálni mint a többinek. Régebben erre nem volt lehetõség és így az oszlopba tartozó adatokat külön kellett paraméterezni. Ezt könnyíti meg, hogy a <COLGROUP> tag-gel közvetlenül a <TABLE> után megadhatjuk azokat. A SPAN értékének módosításával megszabhatjuk, hogy hány oszlopot tartalmazzon a csoport, a WIDTH paraméterrel pedig az oszlopcsoportba tartozó oszlopok szélességét jelölhetjük. Ezt lehet pixelben, százalékosan, összetett méretekkel és egy speciális "0*" módon, aminek hatására az oszlopok a bennük foglalt szövegektõl függõen a lehetõ legkisebbek lesznek.

    11. Táblázatok keretei
    12. A HTML 4-ben a <TABLE> tag-hez két újabb paramétert is bevezettek, amelyek segítségével nagyon pontosan befolyásolható a táblázat keretének és a cellaelválasztó rácsok megjelenése. Az elõbbire a FRAME paraméter használható. Ez nyolc értéket vehet fel:

      A cellarácsokat pedig a RULES paraméter befolyásolja a felvehetõ öt érték valamelyikével:

urlapok tartalom keretek