HTMLinfo => HTML referencia => Blokkszintű elemek

Általános blokkszintű elemek

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:


Írja be a nevét:


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:

  • WIDTH=Szám

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ő

Bocs az esetlegesen törött linkekért