Attributter til img-elementet Merk at verdien til attributtet alltid settes i anførselstegn “…”
Koden src="filnavn" inne i taggen <img> forteller nettleseren hvilket bilde som skal vises. Slik informasjon som ligger inne i tagger, kaller vi attributter. Attributt betyr egenskap. Et img-element må ha attributtet src, som forteller nettleseren hvilken bildefil som skal vises. Et annet attributt vi bør bruke er alt. <body> <img src="filnavn.jpg" alt="Alternativ tekst"> </body>
alt = alternative
Attributtet alt gjør at når du fører pila over bildet, vil teksten “Alternativ tekst” dukke opp. Det fins programvare og nettlesere som er tilpasset blinde og svaksynte. Den teksten som står i attributtet alt, blir lest opp for dem, slik at de som ikke kan se bildet, får en beskrivelse av det i stedet. Den alternative teksten vises også istedenfor bildet hvis nettleseren av en eller annen grunn ikke laster inn bildet. De vanligste attributtene til img-elementet er vist i tabellen nedenfor. ATTRIBUTT
FORKLARING
IMG-ELEMENT
Piksler = bildepunkter
src
forteller nettleseren hvilket bilde som skal vises src="filnavn.jpg"
width
bredden på bildet i piksler eller som prosent av bredden til vinduet til nettleseren
height
høyden på bildet i piksler eller som prosent av høyden til vinduet nettleseren
title
tittel på bildet som vises når du holder markøren over bildet en stund
alt
alternativ tekst som beskriver bildet hvis bildet ikke vises ordentlig eller for nettlesere tilpasset svaksynte
Sette bredden og høyden med HTML-koden Med attributtene width og heigth setter vi bredden og høyden i antall piksler til det feltet bildet skal vises på nettsiden. Hvis du bare setter attributtet for bredden eller for høyden, vil bildet bli skalert proporsjonalt. Det vil si at størrelsesforholdet mellom høyde og bredde fremdeles er riktig. <body> <img src="filnavn.jpg" alt="Alternativ tekst" width="100" heigth="120"> </body>
16
Kode1_Informasjonsteknologi Kap01.indd 16
24.05.2017 14:35:51