Ez a fejezet azokat az elemeket tartalmazza, amelyek használata a lap egy-egy
szövegrészének (blokkjának) formázására alkalmas. Ezek az elemek maguk
tartalmaznak előre definiált formázási elemeket, nem a lap szerzőjének kell az
egyes szövegformázásokat elvégeznie. A HTML nyújtotta lehetőségeket a következő
elemekkel aknázhatjuk ki:
ADDRESS
Használata:
<ADDRESS>...</ADDRESS>
Tartalmazhatja a soron belül alkalmazható elemeket,
Tartalmazhatják az
APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM,
IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD és TH elemek.
Az ADDRESS elem kapcsolatfelvételi -tartási információkat nyújt a lapon
keresztül. Ezek az információk tartalmazhatják a lap készítőjének,
fenntartójának nevét, linkeket a fenntartó más lapjaihoz, e-mail, illetve postai
címét, telefonszámát, és így tovább...(lásd a cím alatt)
Az alábbi példa az
ADDRESS elem egy alkalmazási módját mutatja be:
<ADDRESS>
Készíti: <A href=mailto:mmonostory@uze.net>Monostory Miklós</A> és
<A href=mailto:worldwideworx@freemail.hu>WorldWideWorx</A>
</ADDRESS>
BLOCKQUOTE
Használata:
<BLOCKQUOTE>...</BLOCKQOUTE>
Attribútumaként használható a CITE elem.
Tartalmazhat egy, vagy több blokk-szintű elemet, vagy SCRIPT tag -et.
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL,
DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH
elemek.
A BLOCKQUOTE elem egy idézet-blokkot definiál. Nem úgy, mint a soron belüli
idézetek, az idézetblokkok tartalmazhatnak blokk-szintű elemeket; úgymint P,
vagy TABLE, de a BLOCKQUOTE nem helyezkedhet el bekezdésen (<P>), vagy
valamely soron belül alkalmazható elemen belül.
Az opcionális CITE attribútum az idézet forrására mutathat.
<BLOCKQUOTE CITE="http://www.valahol.com/konyvtar/ezkerulide.html">
<P>Itt szerepelhet egyéb szöveg is</P>
</BLOCKQUOTE>
CENTER
Hsználata:
<CENTER>...</CENTER>
Soron belül használható elemeket és blokk-szintű elemeket tartalmazhat.
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL,
DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH
elemek.
A CENTER elem egy olyan szövegrészt, vagy más elemet határoz meg, amelynek
tartalma a böngészőablakban vízszintesen középen jelenik meg. A CENTER tag a
<DIV ALIGN="center"> formula rövidített alkalmazási lehetősége, bár a böngészők a CENTER-t
valamivel jobban támogatják.
A CENTER használatos még a táblázatok középre igazításához is, mert jónéhány
böngészőből hiányzik a <TABLE ALIGN="center"> kifejezés
támogatása. Ezt szemlélteti az alábbi példa:
<CENTER>
<TABLE>
<TR ALIGN="center">
<TH SCOPE=col>Név</TH>
<TH SCOPE=col>Kor</TH>
<TH SCOPE=col>Város</TH>
</TR>
<TR ALIGN="center">
<TD>Béla</TD>
<TD>25</TD>
<TD>Szeged</TD>
</TR>
</TABLE>
</CENTER>
Megjegyzendő, hogy a CENTER magát a táblázatot igazítja középre, a cellák
tartalmát nem. A fenti példában a TR tag ALIGN attribútumát használtuk erre a
célra.
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-NN óó-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.
DIV
Használata:
<DIV>...</DIV>
Attribútumai:
- ALIGN=[left;center;right;justify] (Vízszintes igazítás)
Soron belüli, illetve blokkszintű elemeket tartalmazhat.
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM,
IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH elemek.
A DIV elemet általános blokszintű "tartalmazó"-ként (container) határozhatjuk
meg, amely lehetővé teszi a lap szerzőjének, hogy a <DIV></DIV>
elemek közé zárt tartalom egészére írjon elő stílust, igazítási, vagy
egyéb formázási műveleteket. A DIV elem bármely más elemet tartalmazhat,
ideértve másik, beágyazott DIV elemet is.
A DIV elem sikerrel kombinálható a CLASS, ID, vagy LANG attribútumokkal.
Példának okáért egy tartalomjegyzéket helyezhetünk a DIV elembe, kiegészítve a
CLASS=tartalom tulajdonság-érték párral, amely így lehetővé
teszi a szerzőnek, hogy a CSS -ben egyszer meghatározott stílust
rendeljen hozzá a site valamenyi tartalomjegyzékéhez.
A nem javasolt ALIGN attribútum segítségével állítható be a vízszintes
igazítás; balra, jobbra, középre, illetve sorkizártan.
A <DIV ALIGN="center"> formulánál azonban a böngészők sikeresebben kezelik a
<CENTER> elemmel történő középre igazítást.
H1-6
Használata:
<Hn>...</Hn>
ahol az n 1 - 6 közé eső egész szám.
Attribútumai:
- ALIGN=[left;center;right;justify] (Vízszintes igazítás)
Soron belüli, illetve blokkszintű elemeket tartalmazhat.
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM,
IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH elemek.
A H1, H2-6 elemek első - hatodik szintű címsorokat határoznak meg. Egy
dokumentum általában egy H1 elemet tartalmaz, a legfontosabb rész
kiemelésére.
A nem javasolt ALIGN attribútum segítségével állítható be a vízszintes
igazítás; balra, jobbra, középre, illetve sorkizártan.
A böngészők a Hn elemeket általánosan nagyméretű, félkövér betűkkel
jelenítik meg.
HR
Használata:
<HR>
Attribútumai:
- ALIGN=[left;center;right] (Vízszintes igazítás)
- NOSHADE - Vékony vonal
- SIZE=nn - Vonalvastagság pixelekben
- WIDTH - A vonal hossza
Más elemet nem tartalmazhat;
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP,
NOFRAMES, NOSCRIPT, OBJECT, TD, TH elemek.
A HR elem használhatával vízszintes vonal jeleníthető meg. Jól használható a
lapon egyes témakörök elhatárolására. A W3C
által nem javasolt ALIGN attribútum segítségével a beszúrt vonal balra, középre,
jobbra igazítható.
A NOSHADE és SIZE attribútumok segítségével a vonal
stílusa szabható testre. A NOSHADE használatával a vonal árnyékmentes
(vékonyabb) lesz, a SIZE használatával a vonalvastagság pixelekben
meghatározható.
INS
Használata:
<INS>...</INS>
Attribútumai:
- CITE=URL - A szöveg forrása;
- DATETIME - A beszúrás dátuma és ideje
Tartalmazhat soron belül használható és blokkszintű elemeket; ugyanilyen
státuszú elemek tartalmazhatják.
Az INS elem beszúrt szöveget tartalmaz. Jól használható egy dokumentum
szövegváltozásainak jelzésére. A böngészők az így megjelölt tartalmat
aláhúzottan jelenítik meg.
A hivatalos W3C
ajánláson kívül használható még a TITLE attribútum is, amely 'tooltip'-et,
szövegbuborékot jelenít meg az INS elem tartalma mellett-felett.
<INS TITLE="Inserted text">Beillesztett szöveg</INS>
Az opcionálisan használható DATETIME attrinútum közli a beszúrás dátumát és
idejét, kis- és nagybetűérzékeny formában.
ISINDEX
Használata:
<ISINDEX>
Attribútum:
- PROMPT="szöveg" - Tájékoztató szöveg
Más elemet nem tartalmazhat.
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, CENTER, DD, DEL, DIV,
FIELDSET, FORM, HEAD, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD,
TH elemek.
Az ISINDEX elem egysoros szövegbeviteli mező használatának lehetőségét
kínálja fel. Az elem PROMPT attribútuma által meghtározott szöveg fog megjelenni
a beviteli mező mellett, a felhasználónak szóló tájékoztatásként, valahogy így:
Az ISINDEX a HTML 4 -ben nem javasolt elem. A
W3C helyette az INPUT elem használatát helyezi előtérbe.
Az ISINDEX egyenértékű a FORM elemen elhelyezett INPUT elem használatával;
ahol a bevitt adat típusa text, és a METHOD attribútum értéke get.
NOSCRIPT
Használata:
<NOSCRIPT>...</NOSCRIPT>
Soron belüli, illetve blokkszintű elemeket tartalmazhat.
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM,
IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH elemek.
A NOSCRIPT elem használatával a kliens-oldali scriptek helyett alternatív
tartalom jeleníthető meg. Ha a böngésző nem támogatja az adott scriptnyelv
használatát, vagy a felhasználó letiltja a kliensoldali scriptek futtatását, a
script futása helyett hibaüzenet jelenik meg. A NOSCRIPT elemet a SCRIPT
elem után kell elhelyezni.
A kliensoldali scriptek általában meglehetős dinamikát és interaktivitást
biztosítanak a lapnak, amit statikus tartalommal nemigen lehet helyettesíteni.
Ezért a NOSCRIPT elem tartalma szükségszerűen 'szürkébb' lesz a
script-tartalomnál.
P
Használata:
<P>...</P>
Attribútumai:
- ALIGN=[left; center; right; justify] - Vízszintes igazítás
Soron belüli elemeket tartalmazhat.
Tartalmazhatják az ADDRESS, APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME,
INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH elemek.
A P elem egy bekezdést határoz meg. A záró tag (/P) opcionális, de használata
megelőzhet jónéhány ismert böngészőhibát, főleg CSS használata esetén.
Megjegyzendő, hogy nem tartalmazhat más blokkszintű (pl: TABLE, FORM) elemet.
A W3C által nem javasolt ALIGN attribútum
segítségével állítható be a bekezdés vízszintes igazítása balra, középre,
jobbra, vagy sorkizártan.
A HTML szabvány/ajánlás nem írja elő a P elem megjelenítésének mikéntjét. A
böngészők általában az egyes P elemek által meghatározott bekezdéseket egységes
egészként kezelik; az első sor behúzása nélkül balra igazítva jelenítik meg. Az
egyes bekezdések között a böngészők általában egy sort üresen hagynak.
PRE
Használata:
<PRE>...</PRE>
Attribútumai:
Tartalmazhat soron belüli elemeket, kivéve: IMG, OBJECT, APPLET, BIG,
SMALL, SUB, SUP, FONT, BASEFONT.
Tartalmazhatják az APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI,
MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH elemek.
A PRE elem előformázott szöveget tartalmaz. A böngészők az előre
meghatározott fontkészlettel ábrázolják, nem vonják össze a szóközöket, és nem
törik az ablak széléhez a sorokat.
A PRE tag hasznos lehet kódok, költemények megjelenítéséhez, ahol a
behúzások, esetleges többes szóközök fontosak az áttekinthetőség szempontjából.
A nem javasolt WIDTH attribútum utasítja a
böngészőt az előformázott szöveg kívánt sorhosszúságának beállítására. A
gyakorlatban azonban a böngészők ezt az attribútumot legtöbbször figyelmen kívül
hagyják.
előző
tetejére
következő