A szövegtest részei

 

 

Ebben a fejezetben a szövegtest <BODY> tagolásáról lesz szó.
Témák:


A bekezdések

A HTML a bekezdéseket, mint egybefüggő szövegegységet tudja kezelni. Megadhatók az egész bekezdésre vonatkozó formázási utasítások. A böngészők a bekezdéseket általában egy üres sor emeléssel választják el a dokumentum többi részétől.
Az elem a <P> és </P> (paragraph) nevet kapta.
Ugyan sokan lehagyják az elem zárótagját, azt mégis tanácsos - egyes esetekben szükséges - mindig kitenni.
Ez az elem magában foglalhatja a többi karakterformázó elemet.
A bekezdéseket lehet jobbra(right), balra(left), középre(center) igazítva, vagy sorkizárt(justify) rendezéssel készíteni.
Lássunk most példát az igazításokra:

Balra igazítás: A folyó szöveg a bal oldalhoz van rendezve. Ez az alapértelmezett mód, külön attribútum nélkül ilyen igazítással jelenik meg a bekezdés szövege.
<P> szöveg ... szöveg ... szöveg ... </P>

szöveg...szöveg ... szöveg...szöveg ... szöveg...szöveg ... szöveg...szöveg ... szöveg ...



Jobbra igazítás: A folyó szöveg a jobb oldalhoz van rendezve.
<P align="right"> szöveg ... szöveg ... szöveg ... </P>

szöveg...szöveg ... szöveg...szöveg ... szöveg...szöveg ... szöveg...szöveg ... szöveg ...



Középre igazítás: A folyó szöveg a közepéhez van rendezve.
<P align="center"> szöveg ... szöveg ... szöveg ... </P>

szöveg ... szöveg ... szöveg ... szöveg ... szöveg ... szöveg ... szöveg ... szöveg ... szöveg ...



Sorkizárt szövegrendezés: A folyó szöveg a mindkét oldalhoz van rendezve, a szóközök szélessége szükség szerint változik.
<P align="justify"> szöveg ... szöveg ... szöveg ... </P>

szöveg ... szöveg ... szöveg ... szöveg ... szöveg ... szöveg ... szöveg ... szöveg ... szöveg ...

A bekezdésekről bővebben itt olvashatsz...

fel...


Előre formázott szövegek

A böngészők a szavak között egy karakter szélességű szóközöket hagynak mindig ki. Elsősorban képletek, kódok leírásánál lehet fontos, hogy a böngésző a beírt szöveget úgy jelenítse meg, ahogy az a forráskódban szerepel, akár több karakternyi szóközzel is. Ehhez az - egyébként kivételesen használt - megjelenítéshez áll rendelkezésünkre a <PRE> </PRE> elem. Alkalmazásakor a böngésző pontosan úgy fogja a szöveget elhelyezni, ahogy az a forráskódban látható.

<PRE>
|Itt most egy                        |
|               előre                |
| formázott         szöveg           |
|           szerepel...              |
</PRE>


Ez megjelenítve így fog kinézni:

|Itt most egy                        |
|               előre                |
| formázott         szöveg           |
|           szerepel...              |

A PRE elemről bővebben itt olvashatsz...

fel...


A sortörés

A böngészők a szövegeket a sor végén automatikusan törik, új sort kezdenek. Ez folyó szövegnél a különböző képernyőfelbontásokból következő eltérő képernyőszélességek miatt eltérő helyekre eshet. Ha adott helyen mindenképpen sortörést akarunk kikényszeríteni, rendelkezésünkre áll a <BR> break elem. Ahol ezt elhelyezzük, az utána következő résszel a böngésző mindenképpen új sort fog kezdeni.

Erre is egy példa:

Ezt a szöveget folyamatosan írom, de <BR> innen új sort akarok kezdeni.

Ezt a szöveget folyamatosan írom, de
innen új sort akarok kezdeni.

A sortörés elemről bővebben itt olvashatsz...

fel...

A sortörés tiltása

Ha ellenkező a célunk: azt akarjuk, hogy egy folyó szöveget a böngésző mindenképpen egy sornba írjok, megtilthatjuk a sortörést a No Break SPace lehetőség segítségével. Ha a szóközt üres karakter helyett ezzel a jellel helyettesítem: &nbsp; itt nem lesz sortörés akkor sem, ha pl. sor végére esik. Megjelenítése: egy üres karakterhely. Több &nbsp; jel egymás utáni elhelyezésével tudunk a szavak között több karakternyi szóközt létrehozni.
Egyes elemekben a sortörés tiltására értelmezett a nobreak illetve a nowrap attribútum is.

fel...


Egyéb elemek...

A dokumentumokban a szöveges részen kívül sokféle egyéb megjelenítési mód kínálkozik. Mivel ezek az adott helyen részletesen lesznek tárgyalva, itt csak felsorolásképpen:
Beilleszthetünk a dokumentumunkba képeket, táblázatokat, űrlapokat amikkel a dokumentumunk kellően látványos képet ad.

fel...


Próbálj te is karaktereket formázni. Az alábbi kódban változtass kedved szerint, aztán nézd meg, amit alkottál:

   

 



fel...
előző: a szövegtest...
következő: a szövegformázásról...
tartalom...


ThomasWebMűhely
(c)Katona Tibor
2001-2002