Bilder

circle-info

Dokumentasjon fra MDN: imgarrow-up-right

Bilder representeres med taggen img i HTML:

<img
    src="https://i.redd.it/dl7mxnceal2z.jpg"
    alt="Image: Front End Web Development 2017"
    style="width: 400px"
/>

En viktig ting å huske på når du legger til bilder og grafikk på nettsiden din, er å beskrive bildet slik at skjermlesere og andre verktøy kan presentere det riktig for brukeren. Om du for eksempel ikke legger til det beskrivende attributtet alt vil skjermleseren lese opp filnavnet eller bildeadressen til brukeren - noe som ikke er så moro når filnavnet er en data-URLarrow-up-right. På Difis nettsiderarrow-up-right kan du lese mer om hvordan du kan løse dette på en god måte.

circle-info

Tips! Trenger du en placeholder? Sjekk ut LoremFlickrarrow-up-right.

Oppgave

Legg til et valgfritt bilde i index.html som du lagde i del 1

Last updated