6. fejezet
7. fejezet
8. fejezet
9. fejezet
10. fejezet

 
 
 

Nyelvi elemek (TAG-ek)

(folytatás)

 
6. Soron belüli (inline) elemek
 
A soron belül használható elemek, mint nevük mutatja, nem határoznak meg külön kódblokkot a lapon (mint pl.: a <TABLE>...</TABLE>). Használatuk az adott kódsoron belül történik, van köztük, amelynek kötelező használni kezdő- és záró tagjét, van azonban olyan is, amely csak a kezdő tag által van meghatározva. Erre a részletes leírásoknál minden esetben külön kitérünk.

A

Használata:
<A>...</A>

Attribútumai:

Tartalmazhat más soron belüli elemeket, az <A> kivételével;
Tartalmazhatják a blokkszintű elemek és más soron belüli elemek, az <A> kivételével.

Az <A> elemnél eltértem az angol terminológiától: a szó szerinti fordítás (horgony) helyett a magyarban jobban meghonosodott élőkapcsot írtam.

Az <A> elem élőkapcsot definiál - hipertext kapcsolatot a dokumentum és az attribútumában megadott célhely között. Ez a célhely lehet egy másik dokumentum, vagy kép.

<A HREF="cv.html">Önéletrajzom</A>
<A HREF="photo.html">Mellékletként egy fénykép</A>

 

A HREF attribútum értéke a kapcsolat URL -je, azaz a cél, ahova az élőkapocs mutat. A TYPE attribútum határozhatja meg a kapcsolat médiatípusát, lehetővé téve a böngészőnek, hogy nem támogatott típus esetén lefagyás helyett lemondjon a megjelenítésről.

A TITLE attribútum használatával tömör leírás készíthető az élőkapocs céljáról, amely 'tooltip'-ként megjelenik a link fölött. A HREF="cv.html" TITLE="CV">Önéletrajzom</A>

Ez a megoldás akkor hasznos, ha nem szeretnénk átfogalmazni gondolatainkat; elegendő annyit írni, hogy ...kattints ide!

A TARGET attribútum általában frame-et (kereteket) tartalmazó lapoknál használatos, a hivatkozás célkeretét határozhatjuk meg vele. Minden egyes frame-nek saját név adható, amelyre a linkből hivatkozni lehet, de van néhány alapértelmezett név is:

  • _blank - A hivatkozott lapot új ablakban nyitja meg,
  • _self - A hivatkozott lapot az aktuális frame -ben nyitja meg (ilyen módon felülbírálható a BASE TARGET),
  • _parent - A hivatkozott lapot közvetlenül a FRAMESET-ben meghatározott szülőframe-ben nyitja meg,
  • _top - A hivatkozott lapot egy teljes, framementes ablakban nyitja meg.
<A HREF="melleklet.html" TARGET="_blank">Munkahelyem ajánlása</A>

Az opcionális HREFLANG és CHARSET attribútumok használatával határozható meg a nyelvi és karakterkódolás; linkenként külön-külön. A nyelvi kódolás az RFC 1766 előírásai szerint határozható meg. A karakterkódok használatára az ISO 8859 szabvány vonatkozik. Magyar nyelv használata esetén a karakterkódolás alapja az ISO 8859-2.

Az ACCESSKEY attribútummal egy egyszerű UNICODE karakter határozható meg gyorsbillentyűként, amely megnyomásával ugyanazt érhetjük el, mint a linkre kattintással.

A TABINDEX attribútum értéke egy 0 és 32767 közötti egész szám lehet, amely az elemnek a bejárási sorrendben meghatározott helyét jelzi. Ha a TABINDEX értéke 0, vagy nincs TABINDEX meghatározva; az élőkapocs utoljára kapja meg a fókuszt. Ha a TABINDEX értéke (TABINDEX=n) pozitív egész; a kisebb értékkel ellátott elem kapja meg először a fókuszt.

A REL és REV attribútumok határozzák meg a kapcsolatot az élőkapocs és a hivatkozott erőforrás között. A REL az aktuális dokumentumtól a hivatkozott lap felé, a REV pedig ellenkező irányba. Az <A HREF="labjegyzet.html" REL=Megjegyzes>...</A> azt jelzi, hogy a hivatkozott 'labjegyzet.html' az aktuális dokumentumhoz tarozó megjegyzés, míg az <A HREF="folap.html" REV=Alfejezet>...</A> pedig azt, hogy az aktuális lap a 'folap.html' alfejezete (kiegészítése).

A NAME attribútum egy élőkapocs pontos célját határozza meg. Segítségével egy adott oldalon belül navigálhatunk. Létrehozható egy könyvjelző (bookmark); <A NAME="ide">Fejezetcím</A> módon, amire az <A HREF="#ide">...</A>, vagy más oldalról az <A HREF="oldalam.html#ide">...</A> módon hivatkozhatunk. A NAME attribútum értékének minden oldalon belül egyedinek kell lennie, két azonos nevű könyvjelző egy oldalon nem lehet. A könyvjelzők neve az ABC kis- és nagybetűivel (a-z, A-Z) kezdődhet; tartalmazhat kis- és nagybetűket, számokat (0-9), kötőjelet, aláhúzásjelet, vesszőt. A könyvjelzőre hivatkozás kis- és nagybetűérzékeny.

A SHAPE és COORDS attribútumok kliensoldali ImageMap (képosztás) létrehozásához használhatóak. A SHAPE alapértelmezett értéke a rect, amely négyszögletes területet határoz meg a COORDS="bal,fent,jobb,alul" koordináták megadásával. A SHAPE attribútum lehetséges értékei:

  • default - Az egész képet kijelöli
  • circle - Kör alakú területet jelöl ki a képen, COORDS="x,y,r" koordináta-meghatározással, ahol x a vízszintes koordináta, y a függőleges koordináta, r pedig a kör sugara.
  • poly - Sokszög alakú területet jelöl ki a képen, COORDS="x1,y1,x2,y2...xn,yn" koordináta-meghatározással.

A koordináta-értékek viszonyítási pontja a kép bal felső sarka, és megadhatók pixelben, vagy százalékosan. A sugár százalékos megadásakor a viszonyítási alap a kép szélessége és magasága. Ha két, vagy több terület átfedi egymást, a legelőször meghatározott terület élőkapcsa fog 'élni'.

Az A elem képes fogadni két esemény-attribútumot is:
Az ONFOCUS esemény akkor következik be, amikor a link megkapja a fókuszt (az egérmutató fölé kerül);
Az ONBLUR esemény pedig akkor, amikor a link elveszti a fókuszt (az egérmutató odébb mozdul).

 

APPLET

Használata:
<APPLET>...</APPLET>

Attribútumai:

  • CODE=CDATA - osztályfájl
  • CODEBASE="url" - Az osztályfájl helye
  • WIDTH=Hossz - Az applet szélessége
  • HEIGHT=Hossz - Az applet magassága
  • ARCHIVE=CDATA - Archív fájlok
  • OBJECT=CDATA - Az applet egy sorozat tagja
  • NAME=CDATA - Név az appletek közti kommunikációhoz
  • ALT=Szöveg - Az applet helyett megjelenő szöveg
  • ALIGN=[top; middle, bottom; left; right] Az applet igazítása
  • HSPACE=Pixel - Vízszintes köz
  • VSPACE=Pixel - Függőleges köz

Tartalmazhat PARAM elemeket, utána blokkszintű és/vagy soron belüli elemeket;
Tartalmazhatják soron belüli elemek, blokkszintű elemek, a PRE kivételével.

Az APPLET elem Java applet beágyazásához használható. A HTML 4.0 ajánlásban nem javasolt elemként szerepel, helyette a W3C az <OBJECT> elemet javasolja.

A CODE attribútum határozza meg a lefordított Applet alosztályt tartalmazó osztályfájl nevét. Értékének viszonyítási alapja a CODEBASE attribútumban megadott elérési út, vagy e paraméter hiánya esetén a dokumentum alapkönyvtára.

A kötelező WIDTH és HEIGHT attribútumok határozzák meg az applet méreteit. Értkeik megadhatók abszolút módon pixelben, vagy százalékosan; a szülő elem méreteihez viszonyítva.

Az ALT attribútum használható az applet helyén megjelenő alternatív szöveg definiálásához. Ez a szöveg akkor fog megjelenni, ha a böngésző felismerte az <APPLET> elemet, de nem támogatja a Java-t, vagy a Java futtatás nincs engedélyezve.
Egy APPLET elem tartalmazhat <PARAM> elemeket, amelyekben applet-specifikus paraméterek vannak meghatározva. Ebben az esetben a PARAM elemnek meg kell előzni minden más tartalmazott elemet, vagy attribútumot.

Az ARCHIVE attribútum használatával archivált fájlok vesszővel elválasztott listája határozható meg (akár abszolút URL, akár a CODEBASE attribútumban megadott útvonalra relatív hivatkozással), felkínálva a böngészőnek a lehetőséget, hogy előre letöltsön Java archívumokat, és a későbbiek folyamán ezzel a letöltési időket lerövidíse. A Java fájlok standard archív formátuma a JAR. JAR fájlok az 1.1 és annál magasabb verziószámú Java Development Kit (JDK) jar eszközével készíthetők.

Néhány böngésző nem támogatja az ARCHIVE attribútumot, ezek számára az archiválatlan Java állomány folyamatos elérhetőségét biztosítani kell. Az is előfordul, hogy a böngésző csak a relatív útvonalat képes értelmezni.

Az OBJECT attribútum egy applet sorozatba állított (több részbe mentett) reprezentációját határozza meg. A CODE attribútum akkor, és csak akkor használható, ha az OBJECT attribútum előzőleg felhasználásra került. Amikor a sorozatba állított appletet újra egyesítik, init() eljárásnak használatára nincs szükség, ellenben a start() eljárásra mindenképpen. A SUN nem javasolja ennek a gyengén támogatott lehetőségnek az alkalmazását.

Az ALIGN attribútum határozható meg az applet igazítása. Lehetséges értékeinek használatával az applet igazítható jobbra, balra, felülre, középre és alulra. A vízszintes középre igazításhoz a <CENTER> elem használható.

A HSPACE (Horizontal Space) és VSPACE (Vertical Space) attribútumok használatával szabadon hagyandó tér definiálható az applet körül. Értékét pixelekben kell megadni; az applet mindkét oldalára vonatkoznak.

 

BASEFONT

Használata:
<BASEFONT>

Attribútumai:

  • SIZE=CDATA - Betűméret meghatározása
  • COLOR=Szín - Betűszín meghatározása
  • FACE=CDATA - Betűtípus meghatározása
  • ID=ID - Egyedi azonosító

Nem tartalmazhat más elemet.Tartalmazhatják soron belüli elemek és blokkszintű elemek, a <PRE> kivételével.

A W3C által nem javasolt BASEFONT elem használatával az egész dokumentumra - a <Hn> kivételével - érvényesen állítható be az alap-betűtípus, annak mérete, színe.

A kötelező SIZE attribútum határozza meg a beállított alap-betűtípus méretét. Értéke böngészőfüggően 1 - 7 között adható meg. Alapértelmezett értéke 3. Az említett böngészőfüggőség ott jelentkezik, hogy a böngészők a beállított értékekhez "önkényesen" rendelnek hozzá pixelszámot.
A COLOR és FACE attribútumokat a böngészők szegényesen támogatják. Használatukkal az alap-betűtípus színe és betűtípusa állítható be.

BDO

Használata:
<BDO>...</BDO>

Attribútumai:

  • DIR=[ltr; rtl] - Szöveg iránya
  • LANG=Nyelvkód - A szöveg nyelve

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A BDO elem a kezdő és végző tag közé zárt szövegben hatálytalanítja a bidirekcionális algoritmust (bidirectional algorithm). A Unicode karakterekhez hozzá van rendelve egy alapértelmezett szövegirány; bal-jobb, illetve jobb-bal. Az európai karakterek esetén ez a left-to-right [ltr], míg a héber karaktereknél right-to-left [rtl].

A Unicode meghatároz egy bidirekcionális algoritmust, amit alkalmazni kell, amikor egy dokumentum jobbról-balra értelmezendő karakterláncot tartalmaz. Ez az algoritmus vezérli a szöveg kirajzolását a képernyőre, de az oldalak szerzői alkalmilag felülbírálhatják; maguk határozhatják meg a szöveg kiíratási irányát.

A kötelező DIR attribútum határozza meg a bezárt szöveg kiíratási irányát.

<BDO DIR=rtl>szöveg</BDO>

szöveg

BR

Használata:
<BR>...</BR>

Attribútumai:

  • CLEAR=[left; all; right; none]

Más elemet nem tartalmazhat
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A BR elem az aktuális sor törésére utasítja a böngészőt. Eredménye megfeleltethető a szövegszerkesztőknél megismert [SHIFT+ENTER] billentyűleütésnek.

CLEAR attribútuma lefelé mozdítja az ún. lebegő objektumokat (általában képeket és táblázatokat). A következő példában a második bekezdés a 'lebegő' kép alá kerül:

<P>
<IMG SRC="picture.jpg" ALIGN=left ALT="Ez kép" TITLE="Az én képem">
Ez a kép akérmit ábrázolhat, a lényeg a most következő kódrészlet:
<BR CLEAR=left>
<P>
Ez a második bekezdés a szöveg alá fog kerülni.

FONT

Használata:
<FONT>...</FONT>

Attribútumai:

  • SIZE=CDATA - Betűméret beállítás
  • COLOR=Szín - Betűszín beállítás
  • FACE=CDATA - Betűtípus beállítása

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli- és blokkszintű elemek, a PRE kivételével.

A FONT elem használatával egy szövegrész betűtípusa, mérete, színe állítható be; a W3C által nem javasolt kategóriába tartozik.

Leginkább ártalmas használati módja a betűméret relatív változtatása: <FONT SIZE=+1>,
illetve
<FONT SIZE=-1>

Ezek a tagek a BASEFONT elemben megadotthoz, illetve az alapértelmezett 3-as értékhez képest megnövelik, illetve csökkentik az éppen használt betűméretet. Ha a lap szerzője a -3 értéket használja, és az abszolút betűméret 2 volt, ez meglehetősen kedvét szegheti a lap olvasójának. Meglehet, ami tervezési időszakban, a szerző látásának, szeme élességének megfelelő volt, az az olvasó számára - böngészője egyéni beállításai mellett - élvezhetetlen. A W3C a betűméret beállításához (ahogy a bevezetőben is írtuk) a CSS használatát javasolja.
A HTML előírásai szerint az alapértelmezett betűméretek jelölése 1 - 7 -ig történik. Ha nincs betűméret megadva, a böngészők a 3 -as méretet használják (12 pont).

A COLOR attribútum használatával állítható be a szövegrész színe. Értéke vagy az előre meghatározott színkonstansok egyike (black, blue, maroon, yellow, stb...), vagy a szín RGB kódja lehet. A FACE attribútumban lehet vesszővel elválasztott listában felsorolni (alkalmazási sorrendben) a használni kívánt betűtípusokat. Ha a böngésző az olvasó számítógépén nem találja az elsőt, a felsorolási sorrendben próbálja alkalmazni a többit.

 

IFRAME

Használata:
<IFRAME>...</IFRAME>

Attribútumai:

  • SRC="url" - A frame tartalmának címe
  • NAME=CDATA - A frame neve
  • LONGDESC="url" - A hosszú leírás címe
  • WIDTH=Hossz - A keret szélessége
  • HEIGHT=Hossz - A keret magassága
  • ALIGN=[top; middle; bottom; left; right] - A keret igazítása
  • FRAMEBORDER=[1; 0] - Szegély megadása
  • MARGINWIDTH=Pixel - Margó szélessége
  • MARGINHEIGHT=Pixel - Margó magassága
  • SCROLLING=[yes; no; auto] - Görgetés lehetősége

Tartalmazhat soron belüli elemeket és blokkszintű elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

Az IFRAME elem soron belüli keret kialakítására használható, amelybe külső objektumokat (ideértve másik HTML dokumemtumot is) lehet foglalni. Az IFRAME az OBJECT elem szűkített funkcionalitásával bír; egyetlen dolog van, amivel többre lehet használni: soron belüli keretkén link célpontja (TARGET) lehet. Az OBJECT támogatottsága jóval szélesebb, én nem mellékesen: majdnem minden böngésző képes kezelni.

SRC attribútuma tartalmazza a frame-tartalom forrását - tipikusan egy másik HTML dokumentum lelőhelyét. Az opcionális NAME attribútum használatával egyedi azonosító adható a keretnek, ezzel linkek céljává válhat.

Az IFRAME tartalma helyettesíthető azon böngészők számára, amelyek nem támogatják. Ez az IFRAME elembe, mint tartalmazó (container) elembe beágyazott más soron belüli, vagy blokkszintű elemek használatával lehetséges.

A LONGDESC attribútum egy URL-t tartalmaz, amely a keret tartalmának hosszabb lélegzetű leírását adja meg.
Megjegyzendő, hogy a LONGDESC a tartalom leírását adja meg, nem pedig a tartalmát! Ez utóbbi feladatot az SRC attribútum látja el.

A WIDTH és HEIGHT attribútumok értelem szerint a keret szélességének és magasságának beállítására szolgálnak. Értékük megadható abszolút módon: pixelekben, vagy a használható terület nagyságához mérten: százalékosan.
A FRAMEBORDER attribútum az határozza meg, hogy legyen, vagy ne legyen látható szegélye a keretnek. Értéke lehet 1, ez esetben a szegély látható, vagy 0.

Az ALIGN attribútum a keret - a sor alapvonalához viszonyított - függőleges igazítására szolgál. Értékeinek alkalmazásával a keret igazítható lentre, középre, felülre. A balra, jobbra igazítás használatával úgynevezett 'lebegő keretet' kapunk; a keret a bal, vagy jobb margóhoz lesz igazítva, a lap tartalma pedig körbeveszi (mint a szövegszerkesztőknél a "szöveg körbefuttatása" parancs).

A MARGINWIDTH és MARGINHEIGHT attribútumok használatával határozhatjuk meg a függőleges és vízszintes margók szélességét. Értékeiket pixelben kell megadni, és egynél nagyobbnak kell lenniük.

A SCROLLING attribútum használatával állíthatóak be a vízszintes és függőleges görgetősávok. Az alapértelmezett érték az auto; a görgetősávok akkor jelennek meg, ha szükség van rájuk. Ha az érték yes, a görgetősávok mindig látszanak. No érték esetén a görgetősávok sohsem jelennek meg, akkor sem, ha szükség lenne rájuk!


Ez a példa az IFRAME elem használatát mutatja be:

 

Figyelem! Ezt a taget a régebbi Netscape böngészők még nem támogatják, pl.: a négyes széria egyáltalán nem.


 

IMG

Használata:
<IMG>

Attribútumai:

  • SRC=URL - A kép helye
  • ALT=Szöveg - Alternatív szöveg
  • LONGDESC=URL - Hosszabb leírás helye
  • WIDTH=Pixel - A kép szélessége
  • HEIGHT=Pixel - A kép magassága
  • USEMAP=URL - Kliensoldali ImageMap
  • ISMAP - Szerveroldali ImageMap
  • ALIGN=[top; middle; bottom; left; right] - A kép igazítása
  • BORDER=Hossz - Szegély vastagsága
  • HSPACE=Pixel - A kép mellett függőlegesen szabadon maradó hely
  • VSPACE=Pixel - A kép mellett vízszintesen szabadon maradó hely

Más elemet nem tartalmazhat;
Tartalmazhatják más soron belüli elemek és blokkszintű elemek, a PRE kivételével.

Az IMG elem használatával kép szúrható be. Kötelező SRC attribútuma határozza meg a kép lelőhelyét. A kép elméletileg bármilyen formátumú lehet, de a böngészők többsége csak a .gif és .jpg formátumot támogatja, bár a .png képformátum támogatottsága is növekszik.

A szintén kötelező ALT attribútum a kép helyén, illetve letöltődése után felette (tooltip-ként) megjelenő szöveg megjelenítésére szolgál. Gyakorlatilag az ALT szöveg feladata, hogy tájékoztassa az olvasót a kép szerepéről az oldalon, illetve rövid leírást adjon a képről. A jó ALT szöveg -letöltődési hiányosságok esetén- szinte pótolni tudja a képet.

A LONGDESC attribútum a képhez tartozó hosszabb leírás helyét adja meg. Akkor érdemes használni, ha a szerző bármilyen okból hosszabb leírást szeretne a képhez mellékelni. Például színvak olvasóra gondolva érdemes részletezni a kép tartalmát, hiszen ő lehet, hogy egyáltalán nem tudja kivenni a részleteket.

A WIDTH és HEIGHT attribútumok talán a legfontosabbak, hiszen azok segítségével pontosan - pixelekben - meghatározható a kép megjelenítési mérete. Lehetőség van a méretek százalékban történő megadására is, ilyenkor a böngésző a rendelkezésre álló helyhez igazodva számítja ki a megjelenítendő méretet.

A W3C által nem javasolt ALIGN attribútum használatával állítható be a kép vízszintes és függőleges igazítása. Az alulra, középre és felülre igazítás a sor alapvonalához történik. A balra és jobbra igazítás használatakor úgynevezett 'lebegő képet' kapunk; a kép a bal, vagy jobb margóhoz lesz igazítva, a lap tartalma pedig körbeveszi (mint a szövegszerkesztőknél a "szöveg körbefuttatása" parancs).

A W3C által nem javasolt HSPACE és VSPACE attribútumok segítségével a kép körül szabadon tartható egy keskeny -pixelekben megadott- sáv.

A USEMAP attribútum kliensoldali image map (képfelosztás) használatakor alkalmazható, a felosztáshoz szükséges adatok elérési helyének megadásához.
Az ISMAP attribútum szerveroldali image map használatakor alkalmazható, a felosztáshoz szükséges adatok elérési helyének megadásához. Amikor az ISMAP -et használjuk, a böngésző felhasználói képrekattintáskor a koordináta-adatokat elküldi a szerverhez kiértékelésre, ahonnan egy címmel (URL) tér vissza.

 

MAP

Használata:
<MAP>...</MAP>

Attribútumai:

  • NAME=CDATA

Tartalmazhat egy, vagy több blokkszintű elemet, vagy egy, vagy több AREA elemet;
Tartalmazhatják soron belüli elemek, vagy blokkszintű elemek.

A MAP elem egy kliensoldali image mapot (kép-térkép) definiál az IMG és OBJECT elemek használatához.
Kötelező NAME attribútuma hozza létre a kapcsolatot az IMG, vagy OBJECT elemek USEMAP attribútumához.

A MAP elem eredeti definíciója szerint egy, vagy több AREA elemet tartalmazott, amelyek mindegyike a képen kiválasztható koordinátákkal volt meghatározva. A HTML 4.0 specifikáció kiterjesztette a MAP elem lehetőségeit; használható egy, vagy több blokk-szintű elem az AREA helyett.

A következő példakód két képet tartalmaz: ha a böngésző az egyik típusát nem támogatja, a másikat fogja meegjeleníteni. <OBJECT DATA="sitemap.png" USEMAP="#map" TYPE="image/png"
TITLE="SiteMap" WIDTH=300 HEIGHT=200>

<OBJECT DATA="sitemap.gif" USEMAP="#map" TYPE="image/gif"
TITLE="SiteMap" WIDTH=300 HEIGHT=200>

<MAP NAME=map> // Itt kezdődik az Image Map
<UL>
<LI><A HREF="/referencia/" COORDS="5,5,95,195">
HTML Referencia</A>
<LI><A HREF="/design/" COORDS="105,5,195,195">
Tervezési tanácsok</A>
</UL>
</MAP> // Itt ér véget az Image Map
</OBJECT>
</OBJECT>

AREA

Használata:
<AREA>

Attribútumai:

  • SHAPE=[rect; circle; poly; default] - Terület körvonala
  • COORDS=Koordináták - A terület koordinátái
  • HREF=URL - A kapcsolt erőforrás címe
  • TARGET=FrameTarget - A célkeret neve
  • NOHREF - Inaktív terület
  • ALT=Szöveg - A terület fölött megjelenő alternatív szöveg
  • TABINDEX=Szám - A bejárási sorrendben elfoglalt hely
  • ONFOCUS=Script - Amikor a terület megkapja a fókuszt
  • ONBLUR=Script - Amikor a terület elveszíti a fókuszt

Más elemet nem tartalmazhat;
Tartalmazhatja a MAP elem.

 

OBJECT

Használata:
<OBJECT>...</OBJECT>

Attribútumai:

  • DATA=URL - Az objektum adatai
  • CLASSID=URL - Osztályazonosító helye
  • ARCHIVE=CDATA - Archív fájlok
  • CODEBASE=URL - A CLASSID, DATA és ARCHIVE attribútumok alapértelmezett helye
  • WIDTH=Hossz - Az objektum szélessége
  • HEIGHT=Hossz - Az objektum magassága
  • NAME=CDATA - Az objektum neve
  • USEMAP=URL - Kliens oldali ImageMap
  • TYPE=Tartalomtípus - Az objektum tartalomtípusa
  • CODETYPE=Tartalomtípus - A kód tartalomtípusa
  • STANDBY=Szöveg - A kód betöltődésa alatt látható szöveg
  • TABINDEX=Szám - A bejárási sorrendben elfoglalt hely
  • DECLARE - Nem bemutatható
  • ALIGN=[top; middle; bottom; left; right] - Az objektum igazítása
  • BORDER=Hossz - Szegélyvastagság
  • HSPACE=Pixel - Üres tér az objektum alatt-fölött
  • VSPACEPixel - Üres tér az objektum mellett

Tartalmazhat PARAM elemeket, azt követően blokkszintű elemeket és/vagy soron belüli elemeket;
Tartalmazhatja a HEAD elem, blokkszintű elemek a PRE kivételével, és soron belüli elemek.

Az OBJECT elem objektumok; vagyis Java appletek, képek, videók, VRML világok HTML lapba beágyazására alkalmas. Az OBJECT a W3C szándékai szerint kiváltja a specializált IMG és APPLET elemeket.

DATA attribútuma mutatja meg a beágyazandó objektum helyét. Megadhetó relatív útvonalhivatkozás is, a CODEBASE attribútum értékének figyelembe vételével.

A WIDTH és HEIGHT attribútumok használatával határozhatók meg a beágyazott objektum méretei. Értékeik megadhatók abszolút módon: pixelben, vagy százalékosan: ez utóbbi esetben a viszonyítási alap a szülő elem szélessége, illetve magassága. A legtöbb böngésző minden OBJECT elemmel beágyazott objektum esetén megköveteli a WIDTH és HEIGHT attribútumok használatát.

A CLASSID attribútum használható egy objektum megvalósításának részletezésére. Az objektum lehet Java, Python applet, vagy akár ActiveX vezérlő is; azonosításukat a CLASSID attribútum végzi el:

<OBJECT CLASSID="pythonapplet.py" CODETYPE="application/x-python" STANDBY="Várakoztató üzenet" TITLE="példaobjektum">
<OBJECT CLASSID="java:javapelda.class" CODETYPE="application/java" WIDTH=400 HEIGHT=250 STANDBY="Várakoztató üzenet" TITLE="példaobjektum_2">
<OBJECT DATA="pelda.gif" TYPE="image/gif" TITLE="Animált gif példa" WIDTH=100 HEIGHT=100>
Itt egy beágyazott objektum van, csak az Ön böngészője nem képes megjeleníteni. </OBJECT>
</OBJECT>
</OBJECT>

 

Fenti példa alternatív tartalom készítését mutatta be azon böngészők számára, amelyek nem képesek kezelni valamely objektumtípust. A Python appletet helyeztük előre a sorban; ha a böngésző nem ismeri fel, a java verzió következik. Ha a Java futtatás nincs engedélyezve, animált gifet láthat az olvasó. Szöveges böngésző esetén pedig egyszerű szöveg jelenik meg.
A TYPE és CODETYPE attribútumok teszik lehetővé a böngészőknek, hogy figyelmen kívül hagyják az általuk nem megjeleníthető típusokat. A TYPE attribútum írja le azt a médiatípust, amelyikre DATA attribútumán keresztül az erőforrás hivatkozik, míg a CODETYPE attribútum a CLASSID adatainak médiatípusát.

A STANDBY attribútum használatával az objektum betöltődésének ideje alatt rövid szöveg jeleníthető meg.

Az ARCHIVE attribútum értéke archivált fájlok vesszővel elválasztott listája lehet (abszolút, vagy relatív elérési út leírással), így a böngésző előre letölthet futtatható állományokat, amivel a későbbi letöltési időket lerövidítheti. A Java fájlok standard archív formátuma a JAR. JAR fájlok az 1.1 és annál magasabb verziószámú Java Development Kit (JDK) jar eszközével készíthetők.

A DECLARE attribútum használatával a letöltött objektum nem fut azonnal. Későbbi megjelenítését (futtatását) akár egy (azonos dokumentumban levő) linkhez, gombhoz, vagy másik objektumhoz lehet kötni. Azonosítojaként az ID attribútumot kell használni:

<OBJECT DECLARE ID="peldaobjektum" CLASSID="java:pelda.class" CODETYPE="application/java" WIDTH=400 HEIGHT=250 TITLE="Declare Példa">
</OBJECT>
...
<P>Indítsd el a <A HREF="#peldaobjektum">JAVA PÉLDÁT</A>!

 

Az OBJECT elem tartalmazhat PARAM elemeket is -bármilyen más tartalmat megelőzően- futásidejű inicializációs adatok átadására. A következő példa egyy videót ágyaz be; alternatív tartalomként hangbejétszással; tartalmazza az audio/video plug-inekre való hivatkozást is.

<OBJECT DATA="pelda.mov" TYPE="video/quicktime" TITLE="Példavideó" WIDTH=200 HEIGHT=200>
<PARAM NAME=pluginspage VALUE="http://quicktime.apple.com">
<PARAM NAME=autoplay VALUE=true>
<OBJECT DATA="pelda.wav" TYPE="audio/x-wav" TITLE="Példahang">
<PARAM NAME=autostart VALUE=true>
<PARAM NAME=hidden VALUE=true>
<A HREF="pelda.htm">A peldahang.wav szövege</A>
</OBJECT>
</OBJECT>

 

A USEMAP attribútum kliensoldali image map (képfelosztás) használatakor alkalmazható, a felosztáshoz szükséges adatok elérési helyének megadásához.
Az IMG elemmel használt Image Map -ek jobban támogatottak ugyan, de az OBJECT alapú image map képes teljes szöveges alternatívát kínálni a karaktres böngészők számára. A USEMAP attribútum egy MAP elemre mutat, amely tartalmazza a különböző koordináták által leírt élőkapcsokat. A MAP elhelyezhető az OBJECT elemen belül is; ebben az esetben tartalmát a böngésző nem fogja megjeleníteni, vagy az OBJECT elemen kívül; ekkor tartalma látható lesz.

A TABINDEX attribútum értéke egy 0 és 32767 közötti szám lehet, amely az ImageMap terület helyét jelzi a bejárási sorrendben. Ha értéke 0, vagy az attribútum nincs felvéve, a hozzá tartozó terület a bejárási sorrendben a pozitív TABINDEX attribútummal rendelkező objektumok utánra kerül. A pozitív TABINDEX attribútummal rendelkező objektumok között az alacsonyabb értékkel rendelkező fogja előbb megkapni a fókuszt.

A HTML 4.0 ajánlásban nem javasolt ALIGN attribútum szolgál a beágyazott objektum igazítására. Az alulra, középre és felülre igazítás a sor alapvonalához történik. A balra és jobbra igazítás használatakor úgynevezett 'lebegő képet' kapunk; a kép a bal, vagy jobb margóhoz lesz igazítva, a lap tartalma pedig körbeveszi (mint a szövegszerkesztőknél a "szöveg körbefuttatása" parancs).

A W3C által nem javasolt HSPACE és VSPACE attribútumok segítségével a kép körül szabadon tartható egy keskeny -pixelekben megadott- sáv.

A BORDER attribútum állítja be a beágyazott objektum szegélyvastagságát. BORDER=0 meghatározás esetén az objektum szegélyt egyáltalán nem kap.

 

PARAM

Használata:
<PARAM>

Attribútumai:

  • NAME=CDATA - A tulajdonság neve
  • VALUE=CDATA - A tulajdonság értéke
  • VALUETYPE=[data; ref; object] - Az érték típusa
  • TYPE=Tartalomtípus - Az értéket taralmazó erőforrás tartalomtípusa
  • ID=ID - Azonosító

Más elemet nem tartalmazhat;
Tartalmazhatják az APPLET ÉS OBJECT elemek.

A PARAM elem szolgáltatja a paramétereket az APPLET és OBJECT elemek számára. Egy APPLET, vagy OBJECT elem tetszés szerinti PARAM elemet tartalmazhat.

Kötelező NAME attribútuma adja a PARAM elem nevét, míg a VALUE attribútum a paraméter értékét. A paraméterek az objektum egy-egy egyedi tulajdonságát írják le, vagy azt a plug-int határozzák meg, amely képes az objektum megjelenítésére.

Az objektumok (videók, audio klipek, VRML világok, stb...) tipikusan böngésző plug-inekkel (beépülő kiegészítők) jeleníthetők meg. Minden plug-in felismer bizonyos paramétereket; ez megnehezíti a megfelelő paraméterek kiválasztását az oldal szerzője számára, mivel nem lehet tudni, melyik felhasználó (olvasó) böngészője milyen plug-inekkel van felvértezve.

A PARAM elem VALUETYPE paramétere a VALUE attribútum típusát jelöli. Alapértelmezett értéke a data, amely azt jelzi, hogy a VALUE attribútum szöveget tartalmaz.
A VALUETYPE ref értéke azt jelzi, hogy a VALUE attribútum URL-t tartalmaz, amely futásidejű értékekre mutat.
A VALUETYPE értéke lehet object is, ez esetben a VALUE attribútum egy olyan azonosítót jelöl, amely a dokumentum egy másik, elkülönült OBJECT elemében van.

A TYPE attribútum az erőforrás internetes médiatípusára utal.

Q

Használata:
<Q>...</Q>

Attribútumai:

  • CITE=URL

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli és blokkszintű elemek.

A Q elem rövid, soron belüli idézetekhez használatos. Hosszabb idézetek beillesztésére a BLOCKQUOTE elem alkalmazható.

Opcionális CITE attribútuma az idézet forrását tartalmazza.

<P> Albert Einstein szavai szerint <Q>Az istenek <EM>nem</EM> kockáznak </Q>

 

Megjegyzendő, hogy a Q használata esetén nem írható idézőjel ( " - &quot; ). Ez gondot okozhat azoknál a böngészőknél, amelyek nem támogatják a Q elemet. Ilyen esetben inkább érdemes használni az idézőjel - I tag párosítást:

<P>Albert Einstein szavai szerint <I>"Az istenek <EM>nem</EM> kockáznak"</I>

 

A látszati kép - mivel böngészők a Q - /Q közé zárt szöveget dőlten jelenítik meg - nem fog különbözni.

 

SCRIPT

Használata:
<SCRIPT>...</SCRIPT>

Attribútumai:

  • TYPE=Tartalomtípus - A scriptnyelv tartalomtípusa
  • LANGUAGE=CDATA - a scriptnyelv megnevezése
  • SRC=URL - A külső script helye
  • CHARSET=Karakterkészlet - A külső script karakterkódolása
  • DEFER - A script végrehajtása várhat

Tartalmazhat beágyazott scriptet;
Tartalmazhatja a HEAD elem, soron belüli elemek és blokkszintű elemek.

A SCRIPT elem a dokumentumban levő kliensoldali scriptet tartalmazza. A kliensoldali scriptek -a dokumentum és olvasója közti kapcsolat lehetőségével- nagyobb interaktivitást tesznek lehetővé.
Megjegyzendő, hogy nem minden böngésző támogatja a kliensoldali scriptek futtatását; amelyek igen, azok is lehetővé teszik a scriptfuttatás tiltását. Tehát a weboldalak szerzőinek -ha lehet- el kell kerülniük az oldal 'scriptfüggőségét': Az oldalt úgy kell megtervezni, hogy script nélkül is élvezhető legyen. Ez megoldható a HTML NOSCRIPT elemének használatával is, amely alternatív tartalom megjelenítését teszi lehetővé a beágyazott, vagy külső script helyett.

A kötelező TYPE attribútum a scriptnyelv médiatípusát (pl.: text/javascript). Mindemellett a legtöbb böngésző csak a W3C által nem javasolt LANGUAGE attribútumot támogatja, amely a scriptnyelv nevét tartalmazza. Érvényes értékei lehetnek: JavaScript, JavaScript1.1, VBScript.
A böngészők figyelmen kívül hagyják azokat a LANGUAGE értékeket, amelyeket nem támogatnak. Pl.: a Netscape Navigator hajlandó végrehajtani a LANGUAGE=JavaScript, vagy LANGUAGE=JavaScript1.1 értékekhez tartozó scriptet, de figyelmen kívül hagyja a LANGUAGE=VBScript értéket.

A SCRIPT elem tartalma általában beágyazott script. Az SRC attribútum alkalmazásával azonban külső script is kapcsolható a dokumentumhoz.
Az opcionális CHARSET attribútum adja meg a külső script karakterkódolását (általában ISO-8859-1). Ha a böngésző nm éri el a külső scriptet, végrehajtja a SCRIPT elemen belül található beágyazott scriptet.

<SCRIPT TYPE="text/javascript" SRC="pelda.js" CHARSET="ISO-8859-1">
<!--
// Ide kerül a beágyazott script, amely akkor hajtódik végre,
// ha nem érhető el a külső script.
-->

</SCRIPT>

 

A DEFER attribútum azt jelzi a böngészőnek, hogy várhat a script futtatásával, amíg a dokumentum egésze be nem töltődik. A DEFER attribútumot használó scriptek nem állíthatnak elő semmilyen dokumentum-tartalmat (pl.: document.write() ), és nem várhatnak felhasználói beavatkozásra (gombra kattintás, stb...).

A dokumentum HEAD, vagy BODY szekciójában tetszőleges számú SCRIPT elem helyezhető el.

 

SPAN

Használata:
<SPAN>...</SPAN>

Alkalmazhatók hozzá a közös attribútumok.

Tartalmazhat más soron belüli és blokkszintű elemeket;
Tartalmazhatják soron belüli és blokkszintű elemek.

A SPAN elem egy általános soron belül alkalmazható gyűjtőelem (container). A SPAN önmagában nem hordoz külön strukturális jelentést, de segít a dokumentum struktúrálásában a LANG, DIR, CLASS, ID attribútumok segítségével.

A SPAN-t akkor érdemes használni, ha a HTML nem tartalmaz más alkalmazható soron belüli elemet a megfelelő csoportosításhoz. Ha az adott csoportosítási feladat megoldható más HTML elemmel, inkább azt érdemes használni.

  1. <P><SPAN LANG=fr>La Révolution Tranquille</SPAN> megrendítette Quebecet az 1960-as évek elején.
  2. <P><I LANG=fr>La Révolution Tranquille</I> megrendítette Quebecet az 1960-as évek elején.

A SPAN blokkszintű megfelelője a DIV, amely további blokkszintű elemeket tartalmazhat (pl.: TABLE, P).

SUB és SUP

Használata:
<SUB>...</SUB>
<SUP>...</SUP>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A SUB elem az alsó indexben, a SUP elem pedig felső indexben való megjelenítésre szolgál. Mindkettő jól használható kémiai és matematikai kifejezések leírására. Például a víz képletének megjelenítése következőképp történhet:

<P>A víz vegyjele: H<SUB>2</SUB>O

 

Ez a böngésző ablakában így jelenik meg:
A víz vegyjele: H2O.

Ugyanígy használható a SUP is, a felső indexben történő megjelenítésre.

 

7. Űrlapok
 
Az űrlapok nagyon hasznos segédeszközök, segítségükkel készülhettek el az első, már interaktívnak nevezhető oldalak. Mikor a webszerkesztő űrlapot tesz az lapjára, mindig valami olyasféle a célja, hogy közvetlen kapcsolatot teremtsen munkája olvasójával. Ebben a részben a hivatalos referencia adta lehetőségeket ismertetjük.

FORM

Használata:
<FORM>...</FORM>

Attribútumai:

  • ACTION= URI Az űrlap kezelő címe
  • METHOD=[ get | post ] (HTTP metódus az űrlap elküldéséhez)
  • ENCTYPE= ContentType (a tartalom típusa)
  • ACCEPT-CHARSET= Charsets(a támogatott karaktercsomagok)
  • TARGET= FrameTarget (a keret (frame), ahol az űrlap elküldésének eredménye megvalósul)
  • ONSUBMIT= Script (elküldött űrlap)
  • ONRESET= Script (törölt űrlapmező)

A HTML 4.0 "pontos" változatában egy vagy több SCRIPT elemet, illetve blokkszintű elemeket tartalmazhat. Az átmeneti referencia szerint már soron belüli elemeket is tartalmazhat, de mindkét esetben tilos újabb FORM tag befoglalása. (Egymásba ágyazás.)

A FORM elemet a következő elemek tartalmazhatják: APPLET, BLOCKQUOTE, BODY, CENTER, DD, DEL, DIV, FIELDSET, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD és TH.

A FORM tag egy interaktív űrlapot definiál. Az elem űrlap vezérlőket tartalmazhat, méghozzá az interakciós igénytől függően. (INPUT, SELECT, TEXTAREA, és BUTTON.)

Az űrlap az INPUT, vagy BUTTON elem segítségével küldhető el, amelynél a TYPE=submit értéket állítottuk be. A tartalom pédául egy e-mail címre, vagy egy CGI szkriptnek küldhető el, ha az ACTION attribútumnál megadtuk a megfelelő URI-t (Uniform Resource Identifier - Egységesített Forrás Azonosító). Az ACTION attribútum természetesen mutathat egy Java szerver oldali szkriptre is, amely az űrlap anyagát kezelni hivatott.

A mailto URI (pl.: mailto:worldwideworx@freemail.hu) is megengedett az ACTION attribútum értékeként, de ezt a lehetőséget nem minden böngésző támogatja. Az ilyen böngészők (pl. M$ Internet Explorer 3.0) rendszerint megnyitják az alapértelmezett levelezőprogramot egy üres törzsű levéllel. Ezen kívül az egyébként a FORMot támogató böngészők között is akad, amelyik nem ad visszajelzést a felhasználónak az űrlap elküldése után.

Az űrlapon összegyűjtött adatok küldésének mikéntje a METHOD, illetve ENCTYPE attribútumok értékeitől függ.Ha a METHOD értéke get (ez az alapértelmezett), az űrlap tartalma HTTP GET kérésként továbbítódik, a ?form_data és az ACTIONnél megadott URI adatok öszefűzésével.

A get metódus használata megengedi, hogy a teljes információt egy URL-ben tároljuk el. Ez előnyös egyfelől azért, mert lehetővé teszi a mostani böngészőknek, hogy felvegyék ezt az URL-t a könyvjelzői közé, másfelől azért, mert ezzel megakadályozhatjuk az űrlapot nem ASCII karakterek (pl.: "é", vagy "Š") tárolásában. Ilyenformán viszont szembe kell nézni azzal a problémával, hogy a bekért adat hossza nem lépheti túl a feldolgozó szerver, illetve a böngésző URL feldolgozó kapacitását. Ha 100 karakternél hosszabb az elküldendő anyag, vagy szükséges elküldeni a speciális karaktereket is (márpedig mifelénk ez utóbbi alapvető igény), a METHOD értéke legyen post.

A METHOD=post segítségével az adatok HTTP POST kérésként továbbítódnak, a kérés törzsében. Néhány nagyon ritka kivételtől eltekintve a böngészők ilyenkor nem tudják könyvjelzőként eltárolni a kérést, de cserébe nincsenek megkötések a szöveg hosszára, illetve a karakterkódolásra.

Az ENCTYPE attribútum adja meg a küldéskor használt tartalomformátumot, ez alapértelmezésben application/x-www-form-urlencoded. Ezek a tartalomtípus eredmények név/érték formátumban kerülnek küldésre a szerver felé a következőképpen: név1=érték1&név2=érték2&.... Az üres karakterek "+"-szal, a kiegészítő karakterek (pl.: "#") pedig "%HH"-val lesznek helyettesítve, ahol a HH az ASCII karakter hexadecimális kódja. A sortörések a "%0D%0A" karakterláncolattal lesznek helyettesítve (egy "kocsivissza" és utána egy "újsor" parancs).

Ha az űrlap INPUT tagjénél a TYPE=file attribútum van beíllítva, az ENCTYPE-nak is más értéket kell kapnia: ebben az esetben multipart/form-data lesz az érték. Módosul továbbá a METHOD is, amely ilyenkor kötelezően post értékű. A multipart/form-data típusú adatkérés részletes formátuma a RFC 1867 szabványban van lefektetve.

Az ACCEPT-CHARSET attribútum egy listát definiál azokról a karakterkódolás fajtákról, amelyeket az űrlapkezelő támogat. Értéke egy lista, amelyben az elfogadott karakterkódolások találhatóak, egymástól vesszővel, vagy szünettel elválasztva. Az alapértelmezett érték unknown (ismeretlen) és általában azt az értéket veszi fel, amelyet a FORM-ban található adatok átviteléhez használtunk.

A TARGET attribútumot keretek használatakor kell igénybe venni, meghatározza, hogy a FORM-ra adott válasz melyik FRAME-re lesz hatással. Ha nincs a megadott névvel rendelkező keret, a felhasználó beavatkozása nélkül új ablak nyílik. Van néhány speciális érték is, amelyet itt adunk meg:

  • __blank - a választ egy új, név nélküli ablakban jelenítjük meg,
  • _self - a jelenlegi keretre lesz hatással az akció, (Ez az opció jól használható a BASE elem eseti hatástalanítására.)
  • _parent - a hatás a FRAMESET-ben beállított "szülő ablakban" lesz látható,
  • _top - ugyanabban az ablakban keletkezik, ahol a FORM volt, de az összes FRAME felett.

Általánosságban a FORM attribútumhoz kapcsolódik egy sor kliensoldali szkript attribútum, ezek megegyeznek a többi elemhez is használható általános esemény-attribútummal. Itt csak kettőt emelnénk ki, ezek az INPUT-hoz kapcsolódnak:

  • onSubmit, ha az űrlapot elküldte a felhasználó;
  • és onReset, ha az űrlap tartalmát a felhasználó törölte.

 

BUTTON

Használata:
<BUTTON>...</BUTTON>

Attribútumai:

  • NAME = CDATA (az űrlap kulcsszava /neve/)
  • VALUE = CDATA (a gomb értéke; ezt fogja csinálni a gomb)
  • TYPE=[ submit | reset | button ] (a gomb típusa)
  • DISABLED (hatástalan gomb)
  • ACCESSKEY = karakter (gyorsbillentyű definiálás)
  • TABINDEX = szám (tabulációs elrendezés)
  • ONFOCUS = Script (az az eset, mikor a gombra irányul a fókusz)
  • ONBLUR = Script (mikor a gomb elveszíti a fókuszt)
  • közös attribútumok

Tartalmazhatja a soron belüli elemeket, kivéve a következőket: A, INPUT, SELECT, TEXTAREA, LABEL, BUTTON és IFRAME.

Saját magát kivéve minden blokkszintű és soron belüli elem tartalmazhatja.

A BUTTON tag egy küldő (submit), törlő (reset), vagy nyomógombot ("push", button) definiál. Ezeket létre lehetne hozni az INPUT segítségével is, de a BUTTON sokkal gazdagabb formai lehetőségekkel bír, például használhatunk képet is gombként. Viszont a BUTTON új elem a HTML 4.0-ban, ezért e specifikáció kiadásakor még gyengén támogatták a böngészők.

A TYPE attribútumtól függ a gomb típusa (submit /alapértelmezett/,reset,button). A NAME és VALUE attribútumok határozzák meg a név/érték párost, amelyet a gomb küld a szerver felé lenyomásakor. Ezek az attribútumok lehetővé teszik a fejlesztő számára, hogy több gombot rendeljenek hozzá egy űrlaphoz, más és más funkciókkal.

Néhány példa gombokra:

  • <BUTTON NAME=submit VALUE=modify ACCESSKEY=M>Megváltoztatjuk az információt</BUTTON>
    <BUTTON NAME=submit VALUE=continue ACCESSKEY=C>Folytassuk</BUTTON>
  • <BUTTON ACCESSKEY=S>Submit <IMG SRC="gombkép.gif" ALT="&#10004;"></BUTTON>
    <BUTTON TYPE=reset ACCESSKEY=R>Reset <IMG SRC="x.gif" ALT="&#10008;"></BUTTON>
  • <BUTTON TYPE=button ID=toggler ONCLICK="toggle()" ACCESSKEY=H>Rejtsük el a <strong>"pontatlan"</strong> attribútumokat</BUTTON>

Az ACCESSKEY attribútummal egy gyorsbillentyút definiálhatunk, amivel "megnyomhatjuk" a gombot. Bármilyen karakter használható, akár ékezetes is, de így érdemes megadni: "é" helyett: &eacute;.

Az érték nélküli DISABLED attribútummal hatástalaníthatjuk a gombot, nem lehet megnyomni, nem lehet ráfókuszálni, illetve tabulátorral történő navigáció esetén átugorjuk.

A TABINDEX attribútum értéke egy 0 és 32767 közé eső szám, amellyel megadható, hogy tabulátoros navigáció esetén hányadiknak ugorjon a fókusz az adott elemre. Ha 0 az értéke, vagy nincs értéke, akkor minden pozitív TABINDEX értékkel rendelkező elem után kerül csak a sor rá. Minél kisebb az érték, annál előbb kerül rá a fókusz.

Általában a BUTTON elemnél is használhatóak a közös szkript jellegű attribútumok, itt csak a két legfontosabbat emelnénk ki:

  • onFocus, ha a fókusz a gombra kerül;
  • onBlur, ha az elem elveszíti a fókuszt.

 

FIELDSET

Használata:
<FIELDSET>...</FIELDSET>

Attribútumai:

Minden közös attribútum használható.

Tartalmazhat egy LEGEND elemet, amelyet blokkszintű és soron belüli elemek követhetnek.

Tartalmazhatják a következő elemek: APPLET, BLOCKQUOTE, BODY, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH.

A FIELDSET elem egy űrlap vezérlő csoportot definiál. A kapcsolódó űrlapvezérlő elemek csoportosításával a webmester az űrlapot kisebb, könnyebben kezelhető részekre bonthatja, így elkerülve azt a problémát, mikor a felhasználó túl sok kezelőelemmel találja szembe magát egyszerre. A vezérlőelemek csoportosítása azért is segíti a felhasználót, mert a lényegre, az űrlap kitöltésére tud koncentrálni.

Amíg a FIELDSET nem támogatott teljes körben, javasoljuk, hogy minden <P> taget precízen zárjunk be, vagy alternatív megoldásként ágyazzunk egy üres P bekezdést a FIELDSET-be. Ezzel elérhető, hogy a FIELDSET-et nem támogató böngészők érzékeljék, hogy egy blokkszintű elem kezdődik, és a FIELDSET-et figyelmen kívül hagyják.

A FIELDSET elem törzse egy LEGEND taggel kell kezdődjön, a vezérlőcsoport leírásához. A FIELDSET a LEGEND elemmel kombinálva már bármilyen soron belüli, vagy blokkszintű elemet tartalmazhat, még egy újabb FIELDSET-et is.

Néhány példa:

<FORM METHOD=post ACTION="/cgi-bin/order.cgi">

  <FIELDSET>
    <LEGEND ACCESSKEY=I>Contact Information</LEGEND>
    <TABLE>
      <TR>
        <TD>
          <LABEL FOR=name ACCESSKEY=N>Name:</LABEL>
        </TD>
        <TD>
          <INPUT TYPE=text NAME=name ID=name>
        </TD>
      </TR>
      <TR>
        <TD>
          <LABEL FOR=email ACCESSKEY=E>E-mail Address:</LABEL>
        </TD>
        <TD>
          <INPUT TYPE=text NAME=email ID=email>
        </TD>
      </TR>
      <TR>
        <TD>
          <LABEL FOR=addr ACCESSKEY=A>Mailing Address:</LABEL>
        </TD>
        <TD>
          <TEXTAREA NAME=address ID=addr ROWS=4 COLS=40></TEXTAREA>
        </TD>
      </TR>
    </TABLE>
  </FIELDSET>

  <FIELDSET>
    <LEGEND ACCESSKEY=O>Ordering Information</LEGEND>
    <P>Please SELECT the product(s) that you wish to order:</P>
    <P>
      <LABEL ACCESSKEY=3>
        <INPUT TYPE=checkbox NAME=products VALUE="HTML 3.2 Reference">
        <A HREF="/reference/wilbur/">HTML 3.2 Reference</A>
      </LABEL>
      <BR>
      <LABEL ACCESSKEY=4>
        <INPUT TYPE=checkbox NAME=products VALUE="HTML 4.0 Reference">
        <A HREF="/reference/html40/">HTML 4.0 Reference</A>
      </LABEL>
      <BR>
      <LABEL ACCESSKEY=S>
        <INPUT TYPE=checkbox NAME=products VALUE="CSS Guide">
        <A HREF="/reference/css/">Cascading Style Sheets Guide</A>
      </LABEL>
    </P>
  </FIELDSET>

  <FIELDSET>
    <LEGEND ACCESSKEY=C>Credit Card Information</LEGEND>
    <P>
      <LABEL ACCESSKEY=V>
        <INPUT TYPE=radio NAME=card VALUE=visa> Visa
      </LABEL>
      <LABEL ACCESSKEY=M>
        <INPUT TYPE=radio NAME=card VALUE=mc> MasterCard
      </LABEL>
      <BR>
      <LABEL ACCESSKEY=u>
        Number: <INPUT TYPE=text NAME=number>
      </LABEL>
      <BR>
      <LABEL ACCESSKEY=E>
        Expiry: <INPUT TYPE=text NAME=expiry>
      </LABEL>
    </P>
  </FIELDSET>

  <P>
    <INPUT TYPE=submit VALUE="Submit order">
    <INPUT TYPE=reset VALUE="Clear order form">
  </P>

</FORM>

 

LEGEND

Használata:
<LEGEND>...</LEGEND>

Attribútumai:

  • ACCESSKEY = Karakter (gyorsbillentyű)
  • ALIGN = [ top | bottom | left | right ] (Igazítás a FIELDSET-en belül)
  • közös attribútumok

Tartalmazhat minden soron belüli elemet, de kizárólag a FIELDSET tartalmazhatja.

A LEGEND tag leírás a FIELDSET-ben öszegyűjtött vezérlőelemekhez. Kizárólag a FIELDSET-en belül, és minden további beágyazott tag előtt kell szerepelnie.

Amíg a LEGEND elem nem támogatott teljes körben, érdemes utána valamilyen blokkszintű elemet tenni, például B, STRONG, vagy BIG. Ezzel jó eséllyel elérhető, hogy a böngésző a kívántnak megfelelően kezelje a leírásunkat.

LEGEND példa

 

INPUT

Használata:
<INPUT>

Attribútumai:

  • TYPE = [ text | password | checkbox | radio | submit | reset | file | hidden | image | button ] (a bevinni kívánt adathoz igazodó beviteli eszköztípus)
  • NAME = CDATA (az űrlap neve "kulcsszava")
  • VALUE = CDATA (a mezőben szereplő kezdeti érték)
  • CHECKED (ha rádiógomb a típus, ezzel az opcióval alapból be lehet jelölni)
  • SIZE = CDATA (a szöveges bevitel javasolt maximális mérete, karakter)
  • MAXLENGTH = Szám (a bevihető maximális karakterek száma)
  • SRC = URI (ha kép a típus, itt adható meg az elérési útja)
  • ALT = CDATA (kép esetén itt adható meg alternatív szöveg)
  • USEMAP = URI (kliensoldali "image map")
  • ALIGN = [ top | middle | bottom | left | right ] (a kép típusú beviteli szköz igazítása)
  • DISABLED (az adott elem letiltása)
  • READONLY (csak olvasható beviteli mező)
  • ACCEPT = ContentTypes (file feltöltés esetén elfogadott média típusok)
  • ACCESSKEY = Karakter (gyorsbillentyű)
  • TABINDEX = Szám (tabulátoros navigáció esetére itt megadható egy sorszám az adott elemnek)
  • ONFOCUS = Script (az elemre irányul a fókusz)
  • ONBLUR = Script (az elem elveszíti a fókuszálást)
  • ONSELECT = Script (az elemben megadott szöveget kijelölte a felhasználó)
  • ONCHANGE = Script (az elem értékét megváltoztatta a felhasználó)
  • Közös attribútumok

Nem tartalmazhat további elemeket, de a BUTTON kivételével az összes blokkszintű és soron belüli elem tartalmazhatja.

Az INPUT elem egy űrlap vezérlőt definiál, melynek segítségével a felhasználó adatot vihet be (és később elküldheti feldolgozásra).Mivel az INPUT rendkívül népszerű, a HTML 4.0 megengedi blokkszntű, illetve soron belüli elemek keretein belül történő felhasználását, nem kikötés a FORM-on belüli használat. Azért fontos megemlíteni, hogy a régebbi Netscape böngészők nem támogatják ezt a lehetőséget.

Mikor az űrlapot elküldi a felhasználó,- mondjuk egy gombra kattintva - az INPUT elem tartalma elindul a szerver felé. A NAME attribútummal adunk nevet a beviteli mezőnek, később erre tudunk hivatkozni. Természetesen az elküldött adat attól függ, milyen vezérlő eszköz típust alkalmaztunk, illetve a felhasználó milyen adatokat vitt be.

A vezérlő típusát a TYPE attribútummal definiálhatjuk, alapértelmezésben ez "text", ami egy sima, egysoros szövegbeviteli mezőt jelent a gyakorlatban. A VALUE attribútum adja meg ennek a beviteli mezőnek a kezdeti értékét. A SIZE, illetve MAXLENGTH attribútummal tehetünk javaslatot a maximálisan bevihető adathosszra.

Érdemes figyelembe venni egyébként, hogy míg az egyszerű felhasználónak akadályt jelentenek az ilyesfajta korlátozások, a kicsit is bennfentesebb olvasóknak nem jelentenek akadályt: egyszerűen kiveszik ezt az attribútumot, mentik a dokumentunot, és újra elküldik az űrlapot, de immáron korlátozás nélkül. Éppen ezért a szerveroldali űrlapkezelő eszköz tervezőjének kell arra gondolnia, hogy a feleslegesen bevitt adatok ne okozzanak gondot.

A password a text típus egy különleges változata, a bevitt adat maszkolásra kerül, tipikusan csillagok kerülnek a karakterek helyére, így akadályozva meg a leselkedőket az információ megszerzésében. Viszont azt fontos megemlíteni, hogy ez a módszer alkalmatlan fontos információk (pl.: hitelkártyaszám, stb.) átvitelére, hiszen a bevitt adat egyszerű, szöveges formátumban kerül továbbításra.

A következő példákban egyszerre mutatjuk meg a TEXT, PASSWORD és a LABEL tagek működését:

<P><LABEL ACCESSKEY=U>Felhasználónév: <INPUT TYPE=text NAME=username SIZE=8 MAXLENGTH=8></LABEL></P>
<P><LABEL ACCESSKEY=P>Jelszó: <INPUT TYPE=password NAME=pw SIZE=12 MAXLENGTH=12>
</LABEL></P

A readonly attribútum új a HTML 4.0-ban, szerepe csupán annyi, hogy a kezdeti értéknek megadott adatot az olvasó ne tudja szerkeszteni, csak olvasni. A text és password típusú beviteli eszközöknél lehet alkalmazni. Fontos tudni, hogy az így védett adat is átvitelre kerül az űrlap elküldésekor. A disabled attribútummal ellenben nemcsak a szerkesztés akadályozhatjuk meg, de teljességgel hatástalaníthatjuk az adott beviteli eszközt, gyakorlatilag, mintha "ott se lenne". Ebben az esetben a mező tartalma nem kerül továbbításra.

A radio és a checkbox típusok kapcsolót jelentenek, amelyeket a felhasználó tud be,- illetve kikapcsolni. A két típus közötti egyetlen különbség az, hogy a a rádiógombokat muszáj csoportosítani, és egyszere csak egy lehet bejelölve közülök, ez automatikusan történik természetesen. Ehhez az kell, hogy mindegyik azonos csoportba tartozó rádiógombnak ugyanaz legyen a neve. (NAME) Az elemi checkboxok nincsenek egymásra hatással, úgymond önnállóak. A VALUE attribútum ezeknél a típusoknál nagyon fontos, ezzel adjuk meg ugyanis, hogy a bejelölt gomb milyen információt jelképezzen küldéskor. A rádiógomboknál kifejezetten muszáj lennie alapértelmezett opciónak, tehát olyan rádiógombnak, amely már kezdéskor is ki van jelölve.Ezt a CHECKED attribútummal érhetjük el.

A következő példában az azonos nevű rádiógombok közül az egyik alapértelmezésben ki van jelölve, ez jelképezi az alapértelmezett fizetőeszközt.

<P>Kérem, jelölje be, mivel kíván fizetni:</P>
<P><LABEL ACCESSKEY=C><INPUT TYPE=radio NAME="payment_method" VALUE="credit card" CHECKED> Kreditkártya</LABEL><BR>
<LABEL ACCESSKEY=D><INPUT TYPE=radio NAME="payment_method" VALUE="debit card"> Hitelkártya</LABEL><BR>
<LABEL ACCESSKEY=M><INPUT TYPE=radio NAME="payment_method" VALUE="money order"> Készpénz átutalás</LABEL></P>

 

<P><LABEL ACCESSKEY=S><INPUT TYPE=checkbox NAME="send_receipt" VALUE="yes" CHECKED> E-mailben küldöm el a címzettnek</LABEL></P>

 

A file vezérlő típus egy mezőt definiál azoknak a felhasználóknak, akik file-t tudnak feltölteni a gépükről, vagy a hálozatukról. A VALUE attribútum adja meg az alapértelmezett filenevet, amelyet a böngészők nagy része egyébként figyelmen kívül hagy biztonsági okokból. Az ACCEPT attribútum egy listát definiál az elfogadott média típusokról, ezzel segítve a böngészőt a szűrésben. Ezt az opciót is elég gyengén támogatják a böngészők.

 

Az olyan űrlapoknál, amelyekben az INPUT mező file típusú, muszáj a METHOD=post, illetve a ENCTYPE="multipart/form-data" értékeket beállítani a FORM tagben.

Az űrlap alapú file feltöltés lehetősége a legtöbb még fejlesztés alatt álló böngészőnél kikerült a funkciók közül, így ajánljuk a webfejlesztőknek, hogy biztosítsanak alternatív megoldást a felhasználóiknak a jövőre nézve.

A következő kódrészletben példát láthatunk arra, hogyan tud feltölteni a felhasználó egy HTML dokuntumot szabványosításra:

<FORM METHOD=post ACTION="/cgi-bin/validate.cgi" ENCTYPE="multipart/form-data">
<P>Válasszon egy HTML dokumentumot a feltöltéshez! Ha a böngészője nem támogatja az úrlap alapú file feltöltést, kattintson az <A HREF="methods.html">alternatív lehetőségek</A> linkre!</P>
<P><INPUT TYPE=file NAME="html_file" ACCEPT="text/html"></P>
<P><INPUT TYPE=submit VALUE="Validate it!"></P>
</FORM>

 

A hidden attribútum lehetővé teszi a webfejlesztőnek, hogy a felhasználó tudta nélkül is szerepeltessen úrlap adatokat, elemeket a dokumentumban. Jó példa erre, ha az úrlapot e-mail címre küldetjük, és nem akarjuk a felhasználó elé tárni feltétlenül a címet. Sok CGI szkript használja ezt az attribútumot változók észrevétlen definiálására. A következő példában láthatjuk, hogyan kell az e-mail címet és a levél tárgyát észrevétlenül elhelyezni az űrlapban.

<INPUT TYPE=hidden NAME=recipient VALUE="worldwideworx@freemail.hu">
<INPUT TYPE=hidden NAME=subject VALUE="Vélemények, kérdések a HTML-lel kapcsolatban.">

Természetesen ezek az adatok nincsenek megvédve komolyan, hiszen ha valaki elolvassa a HTML dokumentumunk forrását, rögtön hozzájut a "rejtett" információhoz.

A reset típus egy gombot definiál, amely az eredeti állapotába állítja vissza az űrlapot. A VALUE attribútum itt arra szolgál, hogy a böngésző által automatikusan kiírt felirat helyett egyéni szöveg kerüljön az ilyen típusú gombra.

A submit típusú gomb lelke legtöbbször az űrlapoknak, ezzel küldhető el a rendeltetési helyére. A VALUE értéke szabja meg a feliratot a gombon. A NAME attribútummal adhatunk meg egy kulcsnevet a gombnak, erre azért van szükség, hogy több submit gombot definiálhassunk, ha más és más funkciót szeretnénk megvalósítani mindegyikkel.

Az image típus arra való, hogy a gombunk helyett egy általunk megadott képet használjunk submit gomb helyett. Az SRC attribútumban adható meg a kép elérési útvonala, az ALT pedig az alternatív szöveg definiálására való. Az ALT új elem a HTML 4.0-ban, a régebbi böngészők a NAME és VALUE párt mutatják sok esetben helyette. Szöveges böngészők esetére itt találhatunk megoldásokat.

Egy grafikus submit gombra kattintva a kattintás koordinátái is küldésre kerülnek, méghozzá a következő formában: név.x=x-érték és név.y=y-érték, ahol a név a NAME attribútumban, az "x vagy y"-érték pedig a VALUE attribútumban megadottaknak felel meg. Az x értéket a kép bal szélétől, az y értéket pedig annak tetejétől értjük. A USEMAP és a TYPE=image kifejezés kombinációjával a gombból elvileg kliensoldali térkép készíthető, de ez az eljárás nagyon gyengén támogatott. A USEMAP attribútum adja meg a MAP-nek az elérési utakat (URI).

A nem javasolt ALIGN attribútum adja meg a grafikus gomb igazításának módját. A top, middle és bottom értékek a körülvevő szöveg figyelembe vételével jelölik ki az igazítás módját. A left és right értékek "lebegő gombot" definiálnak, ami azt jelenti, hogy a kép a margóhoz igazodik, a szöveg pedig mindenképp körülfutja. Ha mindenképp a gomb alá szeretnénk valmilyen tartalmat helyezni, de igazítani is akarjuk azt, a következő kódrészletet használjuk a gomb után:
<BR CLEAR=left|right|all>

Mint a legtöbb igazításnál, a CSS ez esetben is sokkal bővebb eszköztárat ad kezünkbe.

A button típus egy egyszerű gombot definiál, amelyen a feliratot a VALUE attribútummal, a funkciót pedig az onClick() esemény felhasználásával állíthatjuk be. Az onClick() tipikusan egy gomb lenyomásához rendelt funkció meghatározására alkalmas. Ez a függvény egyszerűen attribútumként használható. Nézzünk egy példát:

<INPUT TYPE=button VALUE="Hide non-strict attributes" ID=toggler ONCLICK="toggle()">

 

Ebben a példában a toggle() függvény előre definiált. Végrehajtása a gombra kattintással kezdeményezhető. Amióta <INPUT TYPE=button> lehetőség rendelkezésre áll a HTML-ben, egyre népszerűbb; aki csak teheti, ezt az eljárást választja, hogy elkerülje a rosszul, vagy egyáltalán nem funkcionáló gombokat.

Az előző példa részletesen a következőképpen néz ki:

SCRIPT TYPE="text/javascript">

<!--
document.write("<INPUT TYPE=button VALUE=\"Hide non-strict attributes\"" + "ID=toggler ONCLICK=\"toggle()\">");
// -->

</SCRIPT>

A BUTTON elem sokkal bővebb lehetőségeket rejt, de jelen pillanatban messze nem olyan széles körű a támogatottsága, mint az INPUT különböző formáinak.

Az ACCESSKEY és TABINDEX attribútumok minden beviteli eszköznél használhatóak, kivéve természetesen a hidden attribútummal ellátottakat.Az ACCESSKEY gyorsbillentyűt definiál, amellyel könnyebben érhető el az adott beviteli mező. Itt használható bármilyen Unicode karakter, de az ékezeteseket a következő formában kell megadni: (&eacute;).

A TABINDEX attribútum leírása itt található meg.

Az INPUT tagnél is több eseményt lehet szkripttel kezelni, ezek a következők:

  • onFocus, ha az elemre irányul a fókusz;
  • onBlur, ha az elem elveszíti a fókuszt;
  • onSELECT, ha text vagy password típusú szöveget jelölt ki a felhasználó;
  • onChange, ha az elem elvesztette a fókuszt, vagy ha megváltozott az értéke, mióta ráirányult a fókusz.

 

LABEL

Használata:
<LABEL>...</LABEL>

Attribútumai:

  • FOR = IDREF (hozzárendelt űrlap)
  • ACCESSKEY = Karakter (gyorsbillentyű)
  • ONFOCUS = Script (az elemre irányul a fókusz)
  • ONBLUR = Script (az elem elveszti a fókuszt)
  • Közös attribútumok

Saját maga kivételével minden doron belüli elem tartalmazhatja, és a BUTTON elem kivételével bármilyen blokkszintű, vagy soron belüli elem tartalmazhatja.

A LABEL tag egy címkét csatol valamilyen űrlap vezérlőhöz. Ezzel az opcióval tovább bővíthetjük a felhasználó lehetőségeit, nemcsak a szokványos egérrel való navigálást biztosíthatjuk így, hanem közvetlen, gyorbillentyűs (hotkey) hozzáférést minden űrlapelemhez.

Minden LABEL elemhez egy és csakis egy űrlapelemet rendelhetünk hozzá. A tag belsejében szerepel a tulajdonképpeni címke, ami bármilyen soron belüli elem lehet, kép, de akár félküövér szöveg is.

A FOR attribútum egyértelműen kijelöli azt az űrlapelemet, amelyhez a LABEL-t hozzá akarjuk rendelni. A FOR attribútum értékének meg kell egyeznie a hozzárendelendő űrlapvezérlő elem ID paraméterével. Abban az esetben, ha nem használjuk a FOR attribútumot, muszáj a LABEL tag törzsében lennie a hivatkozott űrlapvezérlőnek. Egyértelmű tehát, ha bármilyen okból máshol van a LABEL és a hivatkozott űrlapelem (pl. egy táblázat külön celláiban, bekezdésben, stb.) , akkor muszáj az előbbi megoldást alkalmazni, különben nem működik a kívánt gyosbillentyűzési funkció.
A következőben mindkét esetre láthatunk példát:

<TABLE>
  <TR>
    <TD>
      <LABEL FOR=user ACCESSKEY=U>Felhasználó neve:</LABEL>
    </TD>
    <TD>
      <SELECT NAME=user ID=user>
        <OPTION>Jóska</OPTION>
        <OPTION>Pista</OPTION>
        <OPTION>Béla</OPTION>
      </SELECT>
    </TD>
  </TR>
  <TR>
    <TD><LABEL FOR=passwd ACCESSKEY=P>Jelszó:</LABEL></TD>
    <TD><INPUT TYPE=password NAME=password ID=passwd></TD>
  </TR>
</TABLE>
<P>
  <LABEL ACCESSKEY=S>
    <INPUT TYPE=checkbox NAME=save VALUE=yes>
    Mentsük egy cookie-ban a felhasználó beállításait?
  </LABEL>
</P>
<P>
  <LABEL ACCESSKEY=C>
    Ide írd a véleményed:
    <TEXTAREA NAME=comments ROWS=8 COLS=50></TEXTAREA>
  </LABEL>
</P>

Az ACCESSKEY attribútumot a fentiek szerint használjuk tehát, értéke lehet bármilyen Unicode karakter, persze logikusan érdemes felvenni, hogy egyszerű legyen megjegyezni. Az ékezetes és egyéb különlegesebb karaktereket a HTML szerinti kódjával kell megadni, például az "é" karaktert így: &eacute;.

A LABEL elemnél még két fontos attribútumként használható JavaScript eseményt illik megemlíteni a kliensoldali programozás alapvető igényei szerint, ezek:

  • onFocus, ha az elemre irányul a fókusz;
  • onBlur, ha az elem elvesztette a fókuszt.

 

SELECT

Használata:
<SELECT>...</SELECT>

Attribútumai:

  • NAME = CDATA (az űrlap neve, "kulcsszava")
  • MULTIPLE (több menüpont is kiválasztható egyszerre)
  • SIZE = Szám (a látható opciók száma)
  • DISABLED (letiltás, az elemet így tudjuk ideiglenesen kiiktatni)
  • TABINDEX = Szám (tabulátoros navigáció esetére megadható a fókuszálás sorrendje)
  • ONFOCUS = Script (a fókusz az elemre irányul - /JavaScript esemény/)
  • ONBLUR = Script (az elem elveszti a fókuszt - /JavaScript esemény/)
  • ONCHANGE = Script (másik opciót választott a felhasználó)
  • minden közös attribútum

Tartalmazhat egy vagy több OPTGROUP, vagy OPTION elemet, illetve a BUTTON elem kivételével az összes soron belüli, és blokkszintű elem tartalmazhatja.

A SELECT elem egy opcióválasztó menüt definiál. Bár a SELECT leginkább űrlapban - FORM - használható, a HTML 4.0 megengedi űrlapon kívül használatát is, blokkszintű, vagy soron belüli elemek részeként. Mindazonáltal a Netscape Navigator egyes verziói ezt nem engedik meg.

A SELECT tag tartalmaz egy, vagy több OPTGROUP, vagy OPTION elemet. Az OPTION elem segítségével adhatjuk meg az elemi opciókat, ezeket lehet választani a menüben. Az OPTGROUP használatával pedig logikus csoportba rendezhetjük az opciókat. A NAME attribútumot küldi el a böngésző a kiválasztott opcióval együtt a szerverhez.

Alapértelmezésben a felhasználó csak egy opciót tud kiválasztani egyszerre. A MULTIPLE attribútum használatával azonban elérhetjük, hogy bármennyi menüpont kiválasztható legyen. Az így beállított menüben minden egyes kijelölt opció külön kerül elküldésre a NAME attribútumban beállított name értékkel együtt.
A következő példa egy ilyen többopciós menüre mutat megoldást:

<P>A kereséshez jelöljön ki egy, vagy több kategóriát:
<SELECT NAME=sections MULTIPLE>
<OPTION>Webszerkesztők referenciája</OPTION>
<OPTION>GyIK</OPTION>
<OPTION>Tervezési elemek</OPTION>
<OPTION>Eszközök</OPTION>
<OPTION>Tulajdonságok leírása</OPTION>
</SELECT>
</P>

 

A DISABLED attriíbútum friss a HTML 4.0-ban, ennek megfelelően csak az újabb böngészők támogatják. Lényege, hogy a vele ellátott SELECT menüt használaton kívül helyezi, nem lehet szerkeszteni, de menüpontot választani sem, ebből kifolyólag a szerver felé semmit nem küld. A fókuszt nem lehet ráirányítani, még tabulátoros navigációval sem.

A TABINDEX attribútum leírása itt található meg.

A SIZE attribútum határozza meg, hogy az opcióválasztó SELECT menünk hány elemet mutasson egyszerre. Alapértelmezésben egyet mutat. Az éppen pillanatnyilag nem mutatott menüelemek is elérhetők természetesen, ha több van belőlük, mint a megadott SIZE attribútum érték, görgetősáv jelenik meg. A SIZE attribútum nagyon hasznos lehet, mikor a SELECT elemet a MULTIPLE attribútummal együtt alkalmazzuk. Ilyenkor kívánatos, hogy minél több menüelemet láthasson egyszerre a felhasználó. Néhány böngésző alapértelmezésben akkorára választja meg a SELECT "doboz" méretét, hogy ne legyen szükség görgetésre. A legtöbb esetben ez nem éppen hasznos a helyhiány miatt. Ilyenkor is javasolt a SIZE használata.

A SELECT elemhez kötött JavaScript események:

  • onFocus, ha az elemre irányul a fókusz;
  • onBlur, ha az elem elvesztette a fókuszt;
  • onChange, ha ez elem elvesztette a fókuszt, vagy mióta az ráirányult, az értékét megváltoztatta a felhasználó.

 

OPTGROUP

Használata:
<OPTGROUP>...</OPTGROUP>

Attribútumai:

  • LABEL = Szöveg (csoport címke, kötelező)
  • DISABLED (hatásalanítja az opciócsoportot)
  • közös attribútumok

Tartalmazhat OPTION elemet, és csak a SELECT tagje tartalmazhatja.

Az OPTGROUP elem választási lehetőségek egy csoportját definiálja a SELECT-en belül. Muszáj tartalmaznia OPTION elemeket a választási lehetőségek definiálásához.

A LABEL attribútum egy kommentárt fűz az adott opciócsoporthoz. Ha a minden egyes OPTION tag is megkapja ezt az attribútumot - praktikusan rövidített formában -, a menünk komplett leírást kap, ezzel átláthatóbbá válik.
A következő példa ezt mutatja be:

 

<P>Melyik böngészőt használod gyakran?
  <SELECT NAME=browser>
    <OPTGROUP LABEL="Netscape Navigator">
      <OPTION LABEL="4.x vagy ujabb">
        Netscape Navigator 4.x, vagy frissebb
      </OPTION>
      <OPTION LABEL="3.x">Netscape Navigator 3.x</OPTION>
      <OPTION LABEL="2.x">Netscape Navigator 2.x</OPTION>
      <OPTION LABEL="1.x">Netscape Navigator 1.x</OPTION>
    </OPTGROUP>
    <OPTGROUP LABEL="Microsoft Internet Explorer">
      <OPTION LABEL="4.x vagy ujabb">
        Microsoft Internet Explorer 4.x vagy frissebb
      </OPTION>
      <OPTION LABEL="3.x">Microsoft Internet Explorer 3.x</OPTION>
      <OPTION LABEL="2.x">Microsoft Internet Explorer 2.x</OPTION>
      <OPTION LABEL="1.x">Microsoft Internet Explorer 1.x</OPTION>
    </OPTGROUP>
    <OPTGROUP LABEL="Opera">
      <OPTION LABEL="3.x vagy ujabb">Opera 3.x vagy frissebb</OPTION>
      <OPTION LABEL="2.x">Opera 2.x</OPTION>
    </OPTGROUP>
    <OPTION>Más böngésző program</OPTION>
  </SELECT>
</P>

Az OPTGROUP tag nem túlságosan széles körben támogatott, de szerencsére a kompatibilitást nem adja fel az, aki használja. Azok a böngészők, amelyek támogatják, az adott menüpontot az OPTGROUP és az OPTION LABEL attribútumaiból képesek "összerakni", ezzel szép átlátható képet adnak.

Az OPTGROUP-ot nem támogató böngészők esetében sincs probléma, ugyanis ezek egyszerűen figyelmen kívül hagyják ezt a taget, és - a példánknál maradva - minden menüpontnál a teljes nevet írják ki menüpontként.

A jelenlegi HTML specifikáció szerint az OPTGROUP csak OPTION elemeket tartalmazhat, tehát egyelőre nem megengedett az egymásba ágyazás. A tervek szerint azonban a HTML következő verziói támogatni fogják a beágyazást, tehát önmagán belül is szerepelhet majd OPTGROUP elem.

A DISABLED attribútum természetesen itt is alkalmazható, hatása pontosan megegyezik a más tageknél megszokottal; teljesen hatástalanítja az elemet, amelyiknél használjuk, a felhasználó nem tudja még a fókuszt se ráirányítani.

 

OPTION

Használata:
<OPTION>...</OPTION>

Attribútumai:

  • VALUE = CDATA (a menüpont "értéke", ezt írja ki a böngésző)
  • SELECTED (az alapértelmezettként kiválasztott menüpont jelölésére)
  • DISABLED (hatástalanítás)
  • LABEL = szöveg (az opció címkéje)
  • Közös attribútumok

Az OPTION elem kizáróla egyszerű szöveget tartalmazhat, hiszen ez adja meg a menüpont látható részét, a kiválasztható felíratot. Két elem tartalmazhatja, ezek a SELECT, és természetesen az OPTGROUP.

Az OPTION tag egy menüpontot definiál a SELECT-en belül. A VALUE attribútummal adható meg, mit is küldjön el feldolgozásra az adott menüpont, mikor a felhasználó kiválasztja. VALUE attribútum hiányában ez az érték a szöveg lesz, ami az OPTION-on belül szerepel.

A SELECTED attribútum alkalmazásával kijelölhető egy alapértelmezésben is kiválasztott menüpont. Egyszerre csak egy menüpontot tehetünk így kiválaszottá, leszámítva azt az esetet, ha a SELECT MULTIPLE attribútumot kapott. (Ekkor több menüpont választható ki, és ez érvényes a SELECTED attribútum alkalmazásakor is.)

Ha a SELECT elem nem tartalmaz sem MULTIPLE, sem pedig SIZE attribútumot, a legtöbb böngésző önkényesen (és helytelenül) kiválaszt egy menüpontot. Hogy biztosan egy megfelelő menüpont legyen kiválasztva, a készítőnek érdemes használnia tehát a SELECTED attribútumot. Ha nincs olyan menüpont, amit érdemes kezdetben is kiválasztottá tenni, akkor praktikus megoldásként kínálkozik egy biankó menüpont beiktatása. Ennek semmi különleges funkciója nincs, csak azért helyezzük a menübe, hogy alapértelmezett "opcióként" kiválasztható legyen.
A következő példa rávilágít a mikéntre:

<SELECT NAME="csaladi_allapot">
<OPTION SELECTED VALUE="">Válassz!</OPTION>
<OPTION>Hajadon/Nőtlen</OPTION>
<OPTION>Férjezett/Nős</OPTION>
<OPTION>Külön él</OPTION>
<OPTION>Elvált</OPTION>
<OPTION>Özvegy</OPTION>
</SELECT>

 

A DISABLED attribútummal hatástalanítható ez a tag is, a menüpont "ott van", de nem használható semmire, nem lehet ráirányítani a fókuszt, és nem is választható az ezzel az attribútummal ellátott elem.

A LABEL opció leírása itt található, használata szorosan összefügg az OPTGROUP tagnél tárgyaltakkal.

 

TEXTAREA

Használata:
<TEXTAREA>...</TEXTAREA>

Attribútumai:

  • NAME = CDATA (az elküldött űrlaphoz tartozó szövegmező kulcsszava)
  • ROWS = szám (sorok száma)
  • COLS = szám (oszlopok száma)
  • DISABLED (hatástalanítás)
  • READONLY (csak olvasható a tartalom)
  • ACCESSKEY = karakter (gyorsbillentyű definiálása)
  • TABINDEX = szám (sorszám tabulátoros navigációnál)
  • ONFOCUS = Script (az elemre irányul a fókusz)
  • ONBLUR = Script (az elem elveszíti a fókuszt)
  • ONSELECT = Script (az elemben tárolt szöveget a felhasználó kiválasztotta)
  • ONCHANGE = Script (az elem értékét megváltoztatta a felhasználó)
  • Közös attribútumok

Csak a megjelenítendő , vagy a felhasználó által bevitt szöveget tartalmazhatja. Tartamazhatják a blokkszintű-, illetve soron belüli elemek a BUTTON kivételével.

A TEXTAREA elem egy többsoros szövegbeviteli mezőt definiál. Ez a tag leginkább a FORM elemen belül használható, de a HTML 4 szerint tartalmazhatják a blokkszintű- és soron belüli elemek is a BUTTON kivételével. A Netscape Navigator régebbi kiadásai viszont csak a FORM-on belül elhelyezett TEXTAREA elemeket jeleníti meg.

A TEXTAREA elem értéke alapértelmezésben a benne elhelyezett illetve bevitt szöveg, amely nem tartalmazhat HTML elemeket. Az űrlap küldésekor a TEXTAREA elem tartalma, illetve a NAME attribútumban megadott név név/érték (name/value) formában továbbítódik.

A ROWS és COLS attribútumok feltétlenül szükségesek (kötelező megadni nekik értéket), ezek adják meg a szövegbeviteli mező sorainak, illetve oszlopainak számát, természetesen csak a grafikus böngészők esetében. Ezek az értékek csak elméletiek, mert elvileg bármekkora szöveg bevihető, csak javaslat, nemmegszorítás az értékük. Azonban a legtöbb böngészőnél mégiscsak van korlátozás, mégpedig 32, vagy 64kbyte. Ennél nagyobb méretű szöveges adat em vihető be általában a TEXTAREA tag segítségével. Mint más beviteli lehetőséggeknél, itt is a szerveroldali kezelő programozójának a feladata megfelelően korlátozni a feldolgozható adatmennyiséget.

A READONLY attribútummal elérhető, hogy ne lehessen módosítani a TEXTAREA elem kezdeti tartalmát, de ez az érték természetesen küldésre kerül. A DISABLED attribútum itt is ugyanazt a funkciót tölti be, mint más tageknél, úgymond hatástalanítja az elemet, nem lehet módosítani a tertalmát, de még csak a fókuszt sem lehet ráirányítani, sem egérrel, sem pedig tabulátoros navigációval.

Az ACCESSKEY attribútum gyorsbillentyű definiálására való, megadható egy karakter, mellyel a fókusz azonnal az adott szövegbeviteli mezőre vihető. Lehet közvetlenül alkalmazni, de lehet a LABEL elemmel is kombinálni. Gyorsbillentyűként lehet ékezetes és egyéb speciális karaktereket is alkalmazni, de ilyenkor a HTML-ben megszokott kódokat szükséges megadni, pl így: "é" = &eacute;.

A TABINDEX attribútum leírása itt található meg.

Sok más hasonló funkciójú elemhez hasonlóan a TEXTAREA taghez is kapcsolhatók attribútumként a legfontosabb JavaScript események függvényei, ezek a következők:

  • onFocus, ha a fókusz az elemre irányul;
  • onBlur, amikor az elem elveszíti a fókuszt;
  • onSelect, ha az elemben lévő szöveget a felhasználó kiválasztja;
  • onChange, ha az elem elvesztette a fókuszt, vagy megváltozott az értéke, mióta a fókusz ráirányult.
 

8. Betűtípus formázó elemek
 
Ezen az oldalon a betűket, szavakat, vagy akár egész mondatokat formázó elemeket gyűjtöttük csokorba. Ezen elemek használatával lehet előállítani félkövér, dőlt, alá-, vagy áthúzott betűket, illetve egyéb effektusokat.
A betűtípus formázó elemek az alábbiak:
  • <B> - Félkövér szöveg
  • <BIG> - Nagyméretű betűk
  • <I> - Dőltbetűs szöveg
  • <S> - Áthúzott szöveg
  • <SMALL> - Kisméretű betűk
  • <STRIKE> - Áthúzott szöveg
  • <TT> - Írógép-szöveg
  • <U> - Aláhúzott szöveg

B

Használata:
<B>...</B>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A B elem kezdő és záró tag -je közötti szöveget a böngészők félkövér betűkkel jelenítik meg. A legtöbb esetben - mivel az strukturáló elem - érdemesebb a STRONG, elemet használni.

Példa:

<P>A B elem a szöveget <B>félkövér</B> betűkkel jeleníti meg.
A B elem a szöveget félkövér betűkkel jeleníti meg.

BIG

Használata:
<BIG>...</BIG>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek, a PRE kivételével.

A BIG elem kezdő és záró tagje közötti szöveget a böngészők az addiginál nagyobb méretű betűkkel jelenítik meg. A legtöbb esetben - mivel azok strukturáló elemek - érdemesebb a STRONG, vagy HEADING (H1-6) elemet használni.

Példa:

<P>A BIG elem a szöveget <BIG> nagyobb</BIG> betűkkel jeleníti meg.
A BIG elem a szöveget nagyobb betűkkel jeleníti meg.

I

Használata:
<I>...</I>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

Az I elem kezdő és záró tag -je közötti szöveget a böngészők dőlt betűkkel jelenítik meg. A legtöbb esetben - mivel azok strukturáló elemek - érdemesebb az EM, DFN, VAR, vagy CITE elemek egyikét használni.

Példa:

<P>Az I elem a szöveget <I>dőlt</I> betűkkel jeleníti meg.
Az I elem a szöveget dőlt betűkkel jeleníti meg.

 

S

Használata:
<S>...</S>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A HTML 4 -ben nem javasolt S elem kezdő és záró tag -je közötti szöveget a böngészők áthúzott szövegként jelenítik meg. A legtöbb esetben - mivel az strukturáló elem - érdemesebb a DEL elemet használni.

Megjegyzendő, hogy néhány böngésző esetében a STRIKE elem jobban támogatott, ezért érdemesebb használni az S helyett. Azok a böngészők, amelyek támogatják az S elemet, azok támogatják a STRIKE használatát is; fordítva ez nem igaz.

Példa:

<P>Az S elem a szöveget <S>áthúzott</S> betűkkel jeleníti meg.
Az S elem a szöveget áthúzott betűkkel jeleníti meg.

SMALL

Használata:
<SMALL>...</SMALL>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek, a PRE kivételével.

A SMALL elem kezdő és záró tag -je közötti szöveget a böngészők kisméretű betűkkel jelenítik meg. Mivel más elem nem kéPes ilyen megjelenítést előállítani, használata igen hasznos lehet.

Példa:

<P>A SMALL elem a szöveget <SMALL>kisméretű</SMALL> betűkkel jeleníti meg.
A SMALL elem a szöveget kisméretű betűkkel jeleníti meg.

STRIKE

Használata:
<STRIKE>...</STRIKE>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A HTML 4 -ben nem javasolt STRIKE elem kezdő és záró tag -je közötti szöveget a böngészők áthúzott szövegként jelenítik meg. A legtöbb esetben - mivel az strukturáló elem - érdemesebb a DEL elemet használni.

Azok a böngészők, amelyek támogatják az S elemet, azok támogatják a STRIKE használatát is; fordítva ez nem igaz.

Példa:

<P>A STRIKE elem a szöveget <STRIKE>áthúzott</STRIKE> betűkkel jeleníti meg.
A STRIKE elem a szöveget áthúzott betűkkel jeleníti meg.

TT

Használata:
<TT>...</TT>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A TT elem kezdő és záró tag -je közötti szöveget a böngészők írógép-, vagyis egyforma betűszélességű szövegként jelenítik meg. A legtöbb esetben - mivel azok strukturáló elemek - érdemesebb a CODE, SAMP, vagy KBD elemeket használni, melyek ugyanezt a kimenetet állítják elő.

Példa:

<P>A TT elem a szöveget <TT>egyforma szélességű</TT> betűkkel jeleníti meg.
A TT elem a szöveget egyforma szélességű betűkkel jeleníti meg.

U

Használata:
<U>...</U>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A HTML 4 -ben nem javasolt U elem kezdő és záró tag -je közötti szöveget a böngészők aláhúzott szövegként jelenítik meg. A legtöbb esetben - mivel azok strukturáló elemek - kiemelésre érdemesebb a CITE, vagy a STRONG elemeket használni.

Példa:

<P>Az U elem a szöveget <U>aláhúzott</U> betűkkel jeleníti meg.
Az U elem a szöveget aláhúzott betűkkel jeleníti meg.

 

9. Kifejezésformázó (phrase) elemek
 
A kifejezésformázó elemek hasonlítanak a szövegformázó elemekhez. A különbség köztük, hogy a kifejezésformázó elemek használatával előredefiniált formátum adható a kezdő és záró tag közé tárt szövegnek.

A kifejezésformázó (phrase) elemek:

ABBR

Használata:
<ABBR>...</ABBR>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli és blokkszintű elemek.

Az ABBR elem rövidítések leírására használatos. Használható hozzá a TITLE attribútum, amely segítségével magyarázó szöveg fűzhető aleírt rövidítéshez.

<ABBR TITLE="United Nations">U.N.</ABBR>

 

ACRONYM

Használata:
<ACRONYM>...</ACRONYM>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli és blokkszintű elemek.

Az ACRONYM elem mozaikszavak jelölésére használatos. Használható hozzá a TITLE attribútum, a betűszó, vagy mozaikszó eredeti, hosszabb formájának leírásához.

<ACRONYM title="North Atlantic Treaty Orgnisation">NATO</ACRONYM>

 

NATO

CITE

Használata:
<CITE>...</CITE>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják sorn belüli elemek és blokkszintű elemek.

A CITE elem idézetek jelölésére alkalmas, pl.: újságcímek, hajónevek, stb. A böngészők az idézett szöveget általában dőlt betűkkel jelenítik meg, de ez az alapértelmezett megjelenítés stíluslap használatával felülbírálható. Mivel a CITE strukturáló elem, érdemes előnyben részesíteni az I elemmel szemben.

Példák:

<CITE>Ej, mi a kő</CITE> -kezdődik Petőfi verse.
Ej, mi a kő -kezdődik Petőfi verse.

 

CODE

Használata:
<CODE>...</CODE>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli és blokkszintű elemek.

A CODE elem programkódot jelez. Tartalmát a böngészők általában monospaced (egyenlő szélességű) betűkkel jelenítik meg, de ezt az alapértelmezett megjelenítést stíluslapon keresztül az oldal szerzője felülbírálhatja. Mivel a CODE strukturális elem, érdemesebb az ugyanilyen hatást elérő 'TT' elemnél alkalmazni.

Példa:

<CODE>
class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}
</CODE>

És ilyen az eredmény:

class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}

DEL

Használata:
<DEL>...</DEL>

Attribútumai:

  • CITE = URL - a szöveg törlésének oka, illetve egyéb információk
  • DATETIME = Dátum - A szöveg törlésének ideje

Tartalmazhat más soron belül használható elemeket, és ugyanilyen elemek tartalmazhatják.

A DEL elem tartalma olyan szöveg, amely a dokumentum újabb verziójának készítése során törölve lett. Ez az elem a szöveg változásainak jelzésére használatos.
A DEL használható akár blokkszintű, akár soron belül alkalmazható (inline) elemként is. Soron belüli elemként alkalmazva nem tartalmazhat blokkszintű elemet.

Az opcionális CITE attribútum arról ad információt, miért lett az adott szöveg törölve.

Opcionális a DATETIME attribútum használata is, amely a törlés dátumát és idejét tartalmazza kis- és nagybetűérzékenyen;

ÉÉÉÉ-HH-NNTóó-pp-mm formátumban.
Mivel a DEL tag a böngészők között viszonylag gyengén támogatott, mód nyílik helyette a STRIKE elem használatára is, de ez utóbbit a W3C nem javasolja.

Példa:

<P>A fejezetből <DEL>mivel túl hosszú volt</DEL> néhány szót töröltünk.

 

A fejezetből mivel túl hosszú volt néhány szót töröltünk.

DFN

Használata:
<DFN>...</DFN>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli és blokkszintű elemek.

A DFN elem egy szó (kifejezés) magyarázatára utal. A böngészők az magyarázó szöveget általában dőlt betűkkel jelenítik meg, de ez az alapértelmezett megjelenítés stíluslap használatával felülbírálható. Mivel a DFN strukturáló elem, érdemes előnyben részesíteni az I elemmel szemben.

A Netscape Navigator nem támogatja a DFN elemet. A legtöbb esetben a szegényes támogatás nem okoz problémát, áthidalható a DFN elem beágyazásával az 'I' elembe.

 

EM

Használata:
<EM>...</EM>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

Az EM elem kiemeli a szöveg egy meghatározott részét. A böngészők a kiemelt szöveget általában dőlt betűkkel jelenítik meg, de ez az alapértelmezett megjelenítés stíluslap használatával felülbírálható. Mivel az EM strukturáló elem, érdemes előnyben részesíteni az I elemmel szemben.

Példa:

<EM>Ej, mi a kő</EM> -kezdődik Petőfi verse.
Ej, mi a kő -kezdődik Petőfi verse.

INS

Használata:
<INS>...</INS>

Attribútumai:

  • CITE=URL - a szöveg beillesztésének oka, illetve egyéb információk
  • DATETIME=Dátum - A szöveg beillesztésének ideje

Tartalmazhat más soron belül használható elemeket, és ugyanilyen elemek tartalmazhatják.

A INS elem tartalma olyan szöveg, amely a dokumentum újabb verziójának készítése során lett beillesztve. Ez az elem a szöveg változásainak jelzésére használatos.
A INS használható akár blokkszintű, akár soron belül alkalmazható (inline) elemként is. Soron belüli elemként alkalmazva nem tartalmazhat blokkszintű elemet.

Az opcionális CITE attribútum arról ad információt, miért lett az adott szöveg beillesztve.

Opcionális a DATETIME attribútum használata is, amely a beillesztés dátumát és idejét tartalmazza kis- és nagybetűérzékenyen;

ÉÉÉÉ-HH-NNTóó-pp-mm formátumban.

Példa:

<p>A fejezetbe <INS>mivel túl rövid volt</INS> néhány szót beillesztettünk.

 

A fejezetbe mivel túl rövid volt néhány szót beillesztettünk.

KBD

Használata:
<KBD>...</KBD>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A KBD elemmel beírandó szöveg javasolható az olvasónak. A böngészők a KBD elem tartalmát általában monospaced (egyenlő szélességű) betűtípussal jelenítik meg, de ezt az alapértelmezett megjelenítés stíluslappal felülbírálható. Mivel a KBD strukturáló elem, érdemesebb ezt használni a 'TT' helyett.

Példák:

Írja be az e-mail címét: <KBD>username@host.domain</KBD>

 

Írja be az e-mail címét: username@host.domain

 

SAMP

Használata:
<SAMP>...</SAMP>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli elemek és blokkszintű elemek.

A SAMP elemhasználatával példa-programkimenet mutatható be. A böngészők a SAMP elem tartalmát általában monospaced (egyenlő szélességű) betűtípussal jelenítik meg, de ezt az alapértelmezett megjelenítés stíluslappal felülbírálható. Mivel a SAMP strukturáló elem, érdemesebb ezt használni a 'TT' helyett.

Példák:

<P>

Ha egy HTML dokumentumban nem definiált elem fordul elő, a böngésző interpretere a következőhöz hasonló hibaüzenetet küld:
<P> <SAMP> C:\SP\BIN\NSGMLSU.EXE:test.html:4:7:E: element "SAJAT" undefinied </SAMP>

Ha egy HTML dokumentumban nem definiált elem fordul elő, a böngésző interpretere a következőhöz hasonló hibaüzenetet küld:

C:\SP\BIN\NSGMLSU.EXE:test.html:4:7:E: element "SAJAT" undefinied

STRONG

Használata:
<STRONG>...</STRONG>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják soron belüli és blokkszintű elemek.

A STRONG elem erős kiemelést tartalmaz a kezdő- és záró tag közé zárt szöveg vonatkozásában. A böngészők az erős kiemelést általában félkövér betűkkel jelenítik meg, de ez az alapértelmezett megjelenítés stíluslap használatával felülbírálható. Mivel a STRONG strukturáló elem, érdemes előnyben részesíteni a 'B' elemmel szemben.
Egyszerű kiemeléshez az
EM elem használható.

Példák:

<P>Ha egy szót <STRONG>ki akarunk emelni</STRONG>, a 'STRONG' elem használható.
Ha egy szót ki akarunk emelni, a 'STRONG' elem használható.

VAR

Használata:
<VAR>...</VAR>

Tartalmazhat soron belüli elemeket;
Tartalmazhatják sorn belüli elemek és blokkszintű elemek.

Az VAR elem változót, vagy program argumentumot jelez a dokumentumban. A böngészők a változóként kiemelt szöveget általában dőlt betűkkel jelenítik meg, de ez az alapértelmezett megjelenítés stíluslap használatával felülbírálható. Mivel az VAR strukturáló elem, érdemes előnyben részesíteni az I elemmel szemben.

Példák:

<P>A HTML verzióit általában <VAR>x.x</VAR> módon jelölik
A HTML verzióit általában x.x módon jelölik.

 

10. Keretek
 
A keretek jó ideje ellentmondásos szerepet játszanak a weboldalak építésében, valaki esküszik rájuk, valakinek pedig borsódzik a háta tőlük. Egy biztos: fontos elemei a HTML-nek, mindenképp szót kell ejtenünk róluk. Íme.

A keretekhez tartozó tagek:

FRAMESET

Használata:
<FRAMESET>...</FRAMESET>

Attribútumai:

  • ROWS="magasság" - A vízszintes osztás magassága százalékban, vagy pixelben
  • COLS="szélesség" - A függőleges osztás szélessége százalékban, vagy pixelben
  • ONLOAD="script" - Az összes frame betöltődése után hajtódik végre
  • ONUNLOAD="script" - Az utolsó frame elhagyásakor hajtódik végre

Tartalmazhat egy, vagy szükség szerint több <FRAMESET> és <FRAME> elemet, valamint opcionálisan a <NOFRAMES> elemet.
Felső szintű elem lévén, csak a <HTML> elem tartalmazhatja.

A <FRAMESET> elem a <FRAME> elemek tartalmazásával a böngészőablak négyszög alakú alablakokra osztására alkamas.

ROWS és COLS attribútumaival és azok paramétereivel határozzuk meg az alablakok (keretek v. frame -ek) méreteit és tulajdonságait. A keretszélességek és -magasságok megadhatók abszolút, vagy relatív értékben (százalékosan, vagy pixelben). Érdemes a két módszert kombinálni, tehát több frame estén egyesek méretét abszolút értékben, másokét százalékosan megadni. Különösen javasolt a pixelben megadott méret alkalmazása olyan esetben, amikor a frame -nek fix méretű objektumot (képet, stb..) kell tartalmaznia.

Az alábbi példa egy egyszerű, két keretre osztott böngészőablakot mutat be:

<FRAMESET cols=160,* border=0 marginwidth=0>
<FRAME name="menu" src="bal.htm" marginwidth=0 leftmargin=0 rightmargin=0 scroll=0>
<FRAME name="content" src="jobb.htm" marginwidth=2>
<NOFRAMES>
<BODY>
<P>Ez az oldal kereteket tartalmaz és sajos a te böngésződ nem támogatja ezeket. Kérlek frissítsd, és utána látogass vissza!</P>
<P>Sorry, this page uses frames, but your browser doesn't support them.</P>
</BODY>
</NOFRAMES>
</FRAMESET>

 

FRAME

Használata:
<FRAME>

Attribútumai:

  • NAME=CDATA - A keret neve
  • SRC=URL - A keretbe betöltendő lap helye
  • LONGDESC=URL - A keret hosszabb leírása
  • FRAMEBORDER=[1; 0] - Keret szegélye
  • MARGINWIDTH=Pixel - Margó szélessége
  • MARGINHEIGHT=Pixel - Margó magassága
  • NORESIZE= - Keret átméretezésének letiltása
  • SCROLLING=[yes; no; auto] - Görgetősávok engedélyezése / tiltása

Más elemet nem tartalmazhat;
Csak a
FRAMESET elem tartalmazhatja.

A FRAME elem egy keretet határoz meg - egy négyszögletű területet a FRAMESET dokumentumon belül. Minden FRAME -et egy FRAMESET elemnek kell tartalmaznia; egy FRAMESET elem tartalmazhat több FRAME elemet is.

SRC attribútuma tartalmazza annak az objektumnak az elérési útját, amely a FRAME tartalma lesz; ez általában egy HTML dokumentum. A FRAME tartalmazhat képet, videót, vagy egyéb hasonló objektumot is. Ezek az objektumok nem írhatók le pontosan a közös TITLE attribútummal, ezért ezek ismertetésére használható a LONGDESC attribútum, amelynek értéke a leírást tartalamzó HTML dokumentum elérési útja lehet.

A NAME attribútum nevet ad az adott keretnek; erre a névre lehet hivatkozni az A, AREA, BASE, FORM és LINK elemek TARGET attribútumával. A NAME attribútum értéke az ABC kis- és nagybetűivel kezdődhet (A-Z, a-z).

A FRAMEBORDER attribútum értéke határozza meg, hogy legyen-e, vagy ne legyen látható szegélye a frame -nek. Az alapértelmezett 1 érték esetén a böngésző kirajzolja a frame szegélyét. Ha az érték 0, a keretnek nem lesz látható szegélye. Ha két keret van egymás mellett (alatt) elhelyezve, közöttük szegély csak akkor nem látszik, ha mindkét keret FRAMEBORDER attribútuma 0.

A MARGINWIDTH és MARGINHEIGHT attribútumok használatával lehet megadni, hogy a kereten belül (jobb- és baloldalon, fent és lent) hány pixelnyi margó maradjon szabadon. Értékének nagyobbnak kell lennie 1-nél.

A NORESIZE attribútum használatával letiltható a keretek felhasználói (olvasó általi) átméretezése.

A SCROLLING attribútum értékeinek megfelelő használatával állítható be a keret oldalán, illetőleg alján megjelenő görgetősáv. Ha az attribútum értéke az alapértelmezett auto: a görgetősáv akkor jelenik meg, ha szükség van rá; ha yes: mindíg látszik, legfeljebb ha nincs sszükség rá; inaktív. Ha no: akkor sem jelenik meg, ha szükség lenne rá.

NOFRAMES

Használata:
<NOFRAMES>...</NOFRAMES>

Tartalmazhat soron belüli elemeket és blokkszintű elemeket;
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, FRAMESET, IFRAME, INS, LI, MAP, NOSCRIPT, OBJECT, TD, TH elemek.
Ha a NOFRAMES 'BODY' elemet tartalmaz, a tartalmazott BODY elemben másik NOFRAMES nem lehet.

A NOFRAMES elem olyan alternatív tartalmat tartalmaz, amely akkor jelenik mega képernyőn, ha a frame-ek nem rajzolhatók ki. Általában akkor használatos, ha azon böngészők számára is elérhető információt kívánunk megjeleníteni, amelyek nem lépesek a frame-eket kezelni.

Ha a NOFRAMES-t a FRAMESET elemen belül használjuk, tartalmaznia kell egy BODY elemet.

<FRAMESET cols=160,* border=0 marginwidth=0>
<FRAME name="menu" src="bal.htm" marginwidth=0 leftmargin=0 rightmargin=0 scroll=0>
<FRAME name="content" src="jobb.htm" marginwidth=2>
<NOFRAMES>
<BODY>
<P>Ez az oldal kereteket tartalmaz és sajos a te böngésződ nem támogatja ezeket. Kérlek frissítsd, és utána látogass vissza!</P>
<P>Sorry, this page uses frames, but your browser doesn't support them.</P>
</BODY>
</NOFRAMES>
</FRAMESET>
 

előző 5 fejezet