Tema 3. SLIKE U DOKUMENTU Dopisna škola HTML-a

a) Postavka slike u dokument (<IMG SRC=...>)

HTML naredba Objašnjenje Rezultat u browseru
<IMG SRC="ds-img01.jpg"> postavka slike u dokument
u njenoj punoj veličini
(SRC=naziv slike)

U prilogu se nalazi datoteka ds-vje3a.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


b) Određivanje veličine slike (<IMG SRC=... WIDTH=... HEIGHT=...>)

Ako želimo da slika bude manja ili veća od originalne, onda to podesimo s parametrima
WIDTH (širina) i HEIGHT (visina). Tom prilikom moramo voditi računa da sliku
proporcionalno smanjimo ili uvećamo, kako ne bi došlo do njenog izobličenja.

HTML naredba Objašnjenje Rezultat u browseru
<IMG SRC="ds-img01.jpg" WIDTH="96" HEIGHT="64"> postavka slike u dokument
(WIDTH="96" = širina 96 pixela)
(HEIGHT="64" = visina 64 pixela)
 

U prilogu se nalazi datoteka ds-vje3b.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


c) Poravnavanje slike u dokumentu (<IMG SRC=... ALIGN=....>)

HTML naredba Objašnjenje Rezultat u browseru
<IMG SRC="ds-img02.jpg" ALIGN="left">
probni tekst
probni tekst
poravnavanje slike u lijevo  
probni tekst
probni tekst
<IMG SRC="ds-img03.jpg" ALIGN="right">
probni tekst
probni tekst
poravnavanje slike u desno  
probni tekst
probni tekst

U prilogu se nalazi datoteka ds-vje3c.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


d) Komentar za sliku i okvir oko slike (<IMG SRC=... ALT=.... BORDER=...>)

Unutar naredbe <IMG SRC=...> možemo postaviti više parametara.

HTML naredba Objašnjenje Rezultat u browseru
<IMG SRC="ds-img02.jpg" ALT="kanjon"> komentar se pojavljuje kada
nad sliku postavimo miša
(u ovom slučaju: "kanjon")
  KANJON
<IMG SRC="ds-img03.jpg" ALT="ledenjak" BORDER="4"> opcija BORDER=4 određuje
okvir oko slike debljine 4 pix.
(BORDER=0 - ukida okvir)
  LEDENJAK

U prilogu se nalazi datoteka ds-vje3d.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


A sada, vrijeme je za četvrtu temu: IZRADA TABLICE


Obrada i web: damir.tomsicMožete pisati na ovu adresubj.hinet.hr