Osnove HTML
Rokovanje s slikami
Spoznali bomo....
[Postavljanje slike na stran][Poravnava
slike in teksta][Sprememba velikosti slike]
[Oznaka <HR>]
Podobno, kot smo morali spoznati oblikovanje teksta, se moramo
spoznati tudi z oblikovanjem strani s slikami.
Postavljanje slike na stran
Privzet, normalni položaj slike je ob levem robu strani. Včasih
pa jo želimo imeti na sredini strani. V tem primeru sliko uokvirimo med
že znani oznaki <CENTER> in </CENTER>. Če pa jo hočemo imeti na desni
strani, lahko uporabimo ukaz (ali bolje parameter) ALIGN . Uporabimo
naslednji format:
<IMG ALIGN="right" SRC="slika.gif">
In to je konkreten primer: 
Poravnava slike in teksta
Parameter ALIGN omogoča tudi poravnavo besedila glede na vrh (top),
sredino (middle) ali spodnji rob slike. Tu so primeri takih formatov
:
<IMG ALIGN="top" SRC="sally.gif"> bla bla bla
<IMG ALIGN="middle" SRC="sally.gif"> bla bla bla
<IMG ALIGN="bottom" SRC="sally.gif"> bla bla bla
In tako bi stvar zgledala v praksi:
To besedilo je poravnano s parametrom
ALIGN="top"
To besedilo
je poravnano s parametrom ALIGN="middle"
To besedilo je poravnano s
parametrom ALIGN="bottom"
Sprememba velikosti slike
Najprej se spomnimo, da slike sestavlja množica barvnih točk, pikslovTorej
je za neko sliko značilno, koliko pikslov ima v eni vrsti in koliko takih
vrst ima. Naša slika ima 100 pikslov širine in 100 pikslov višine. Kaj,
če želimo manjšo sliko. Preprosto povejmo zahtevano dimenzijo!
<IMG HEIGHT="##" WIDTH="##" SRC="slika.gif">
Namesto ## moramo seveda zapisati zahtevano višino oziroma
širino. In tu je nekaj primerov:
Normalna velikost:
Velikost 30X45:
Velikost 100X 250:
Velikost 23 X 100:
Oznaka <HR>
Ukaz WIDTH lahko uporabimo tudi pri ukazu <HR>, s katerim rišemo
vodoravne črte. Vendar moramo pri tem namesto pikslov povedati procent
širine okna. Poglejmo nekaj primerov:
<HR WIDTH="30%"> nam da:
<HR WIDTH="75%"> nam da: