Bilder

Dokumentasjon fra MDN: img

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-URL. På Difis nettsider kan du lese mer om hvordan du kan løse dette på en god måte.

Tips! Trenger du en placeholder? Sjekk ut LoremFlickr.

Oppgave

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