Kapittel 4 - Bilder
Bilder kan enkelt legges til på en nettside med <img>-taggen. Før vi fortsetter skal du lagre dette bildet til mappen web slik at siden din kan hente bildet derfra.
Høyreklikk på bildet og velg Lagre bilde som... (eventuelt
Save image as...). Lagre bildet i web-mappen
som bilde.gif.
Vi benytter oss av noe som kalles atributter i <img>-taggen for å fortelle nettleseren hvilket bilde som skal vises og hvor stort bildet er.
Å oppgi størrelsen på bildet (i pixler) oppnår vi at nettleseren slipper å bruke tid på å finne ut størrelsen på bildet og lastingen av nettsiden som bildet befinner seg på går raskere. Attributten alt gir en beskrivelse av bildet i tilfelle gjester på sidene dine ikke er i stand til å se bilder i nettleseren din (det finnes faktisk noen få av disse). Et annet resultat av å bruke alt-atributten er at når man holder muspekeren over bildet vil den beskrivende teksten dukke opp på skjermen i enkelte nettlesere (prøv på bildet ovenfor).
src-atributten er den viktigste atributten til img-taggen og gir nettleseren informasjon om hvor bildet som skal vises befinner seg. I vårt tilfelle er dette i samme mappe som nettsiden minside.html slik at vi bare behøver å angi filnavnet på bildet (bilde.gif). Når bildet befinner seg på andre steder må vi angi mer informasjon. Dette kommer vi tilbake til om litt.
