Slike

Ikona ucSredstva Prikaz slik v HTML
HTML podpira tri tipe slik:
  • JPG
  • GIF
  • PNG
Vključevanje datotek v spletne strani je ne glede na tip slike enako:
  • <img src=”slika” width=”širina” height=”višina” alt=”opis slike” title=”opis slike” border=”širina okna”>

Atribute se navadno vnese, da je nalaganje spletne strani hitrejše. Obvezen atribut je le src in alt, ki pove, kje se slika dejansko nahaja - datoteka!


Ikona ucSredstva Primeri vključevanja slike
<img src=”slika.jpg” width=”100” height=”50” alt=”morje” title=”Ko smo na morju”>
<img src=”http://www.tsc.si/logo.gif” width=”100” height=”100” alt=”TŠC” title=”TŠC Logo”>
<img src=”/rac.png” alt=”računalnik”>


Ikona ucSredstva Slika kot povezava
<a href=”http://www.google.com/”><img src=”google.gif” alt=”google” title=”povezava na google” border=”0”></a>
Sliko lahko tudi razporedimo tako, da imamo različne dele na sliki kot povezava.
Ti deli na sliki so lahko liki naslednjih oblik:
  • Krog
  • Kvadrat
  • Poligon


Ikona ucSredstva Primer mape na sliki

Mapa z opisom likov kje na sliki je povezava
<MAP NAME="map1">
<AREA HREF="v3_contacts.html"
SHAPE=RECT COORDS="6,116,97,184">
<AREA HREF="v3_products.html"
SHAPE=CIRCLE COORDS="251,143,47">
<AREA HREF="v3_new.html"
SHAPE=POLY COORDS="150,217,190,257,150,297,110,257">
</MAP>



vključevanje slike in povezava slike z mapo
<IMG SRC="testmap.gif" ALT="slika za povezave" WIDTH="300" HEIGHT="300" USEMAP="#map1">


« Prejšnji | Naprej »