Poravnava teksta
[Tekst ob sliki] [Slika na
sredini]
[Poravnava vrstice teksta] [Poravnava
več vrstic teksta] [Dodajanje praznih vrstic]
[Poravnava samega teksta]
Tekst ob sliki
Ko se naučimo vstavljati slike na naše strani, se pojavi vprašanje, kako
dosežemo, da teče tekst levo ali desno ob sliki. Možne pa so tudi druge
variante. To res ni posebno težko. Uporabimo zapis naslednje oblikeI:
<IMG SRC="book.gif" ALIGN="----" WIDTH="102" HEIGHT="100"
ALT="veverica">
Uporabil sem tudi parametra HEIGHT in WIDTH, ki določata
velikost moje slike. Uporabil sem tudi parameter ALT, s katerim povemo,
kakšna slika je prikazana, če uporabnik te ne more videti. |
|
Pozor tudi na parameter ALIGN="---", ki pove, kje naj leži
slika. Namesto ---- moramo vpisati besedico LEFT ali RIGHT
|
Slika na sredini
S kak[nim trikom pa smo dobili sliko na sredini? Preprosto, uporabili
smo tabelo. Vključili smo naslednje ukaze:
<TABLE BORDER="0" CELLPADDING="3" CELLSPACING="3">
<TD> Levi del besedila
<TD> Slika
<TD> Desni del besedila
</TD>
</TABLE>
Parameter ALIGN ="left" ali ALIGN="right" po pričakovanju velja
za poravnavo znotraj celice te tabele:
Poravnava vrstice besedlia
Tudi to ni težko, spet uporabimo parameter ALIGN, kateremu damo vrednost
"top", "middle", ali "bottom". Učinek je naslednji:
<ALIGN="top">
<ALIGN="middle"> |
<ALIGN="bottom"> |
Ne uporabljajmo ukazov <H#>
Z njimi namreč ne bomo dosegli nič, ker so namenjeni predvsem za
pisanje naslovov. Če hočemo večje črke, uporabimo ukaz <FONT
SIZE> .
Poravnava več vrstic teksta
Kaj pa, če je naše besedilo daljše? Želimo, da je del teksta poravnan
s sliko, nato pa se na želenem mestu nadaljuje pod sliko. Poravnavo dosežemo
s preprostim trikom. Za tekstom , ki naj bi bil proravnan, vpišemo ukaz:
<BR CLEAR="all">
Tako zahtevamo, da naj tekst neha "oblivati" sliko in naj spet steče
pod njo.
To je besedilo ob sliki.
Tudi to besedilo je še ob sliki...
Tu pa smo vstavili(<BR CLEAR="all">)
Zato se besedilo nadaljuje pod sliko....
Dodajanje praznih vrstic
Morda ste vrivanje praznih vrstic poskusili doseči z večkratnimi
ukazi <P> , pa ste vseeno dobili le preskok ene vrste.
To je zato, ker niste med zaporedneoznake <P> napisali ničesar. Poskusite
tako:
<P> <P>
Na ta način smo namreč v vsaki vrstici napisali (sicer nevidni)
presledek. Kar dober trik!
Poravnava samega teksta
Verjetnože poznate ukaza, s katerima centriramo besedilo:
<CENTER> poravnano besedilo </CENTER>
Tako lahko centriramo tekst, slike in druge objekte na naši strani.
Samo besedilo pa lahko desno poravnamo tud na naslednji način:
<P ALIGN="right">poravnano besedilo</P>