Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Arbeid med Bilder | Arbeide med Media og Tabeller
Ultimate HTML

bookUtfordring: Arbeid med Bilder

Mål

Øv på å bruke absolutt sti for bilder i HTML.

Oppgave

Sørg for at src-attributtet til det første bildet bruker absolutt sti. Du finner bildet her:

Bruk absolutt sti for src-attributtet til det andre bildet. Tilgang til bildet her:

Angi riktig verdi for alt-attributtet for begge bildene. Husk at alt-verdien er avgjørende for å gi kontekst dersom bilder ikke lastes inn, eller for brukere som benytter skjermleser.

index.html

index.html

copy
  1. Bruk img-taggen for å angi et bilde.
  2. Bruk src-attributtet for å angi bildets plassering.
  3. Bruk alt-attributtet for å gi en beskrivende tekst for bildet.
  4. Du kan bruke width-attributtet for å definere bildets bredde.
  5. Du kan bruke height-attributtet for å definere bildets høyde.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

What should the alt attribute values be for each image?

Can you show an example of how to use the absolute path in the img tag?

Do you want to add width and height attributes to the images as well?

bookUtfordring: Arbeid med Bilder

Sveip for å vise menyen

Mål

Øv på å bruke absolutt sti for bilder i HTML.

Oppgave

Sørg for at src-attributtet til det første bildet bruker absolutt sti. Du finner bildet her:

Bruk absolutt sti for src-attributtet til det andre bildet. Tilgang til bildet her:

Angi riktig verdi for alt-attributtet for begge bildene. Husk at alt-verdien er avgjørende for å gi kontekst dersom bilder ikke lastes inn, eller for brukere som benytter skjermleser.

index.html

index.html

copy
  1. Bruk img-taggen for å angi et bilde.
  2. Bruk src-attributtet for å angi bildets plassering.
  3. Bruk alt-attributtet for å gi en beskrivende tekst for bildet.
  4. Du kan bruke width-attributtet for å definere bildets bredde.
  5. Du kan bruke height-attributtet for å definere bildets høyde.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2
some-alt