Lære Arbeide med Bilder i HTML

Bilder forbedrer det visuelle uttrykket på en nettside og bidrar til å formidle informasjon. I HTML legges bilder til ved å bruke <img>-taggen.

Innsetting av bilder

<img>-taggen er selv-lukkende og krever minst to attributter:

src: plasseringen til bildefilen;
alt: alternativ tekst for tilgjengelighet eller når bildet ikke kan lastes inn.

<img src="image.jpg" alt="Description of the image">

Bildeattributter

src: sti eller URL til bildet (påkrevd);
alt: reservetekst og beskrivelse for tilgjengelighet;
width: angir bildets bredde;
height: angir bildets høyde;
title: viser et verktøytips ved å holde musepekeren over bildet.

index.html

<img>-taggen setter inn et bilde på en nettside;
src-attributtet angir kilde-URL-en til bildefilen;
alt-attributtet angir alternativ tekst for bildet;
width-attributtet angir bildets bredde;
height-attributtet angir bildets høyde;
title-attributtet gir tilleggsinformasjon om bildet.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 1

Spør AI

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

Suggested prompts:

Can you explain more about the difference between using local and online images?

What happens if I don't include the alt attribute in my image tag?

How do I make sure my images are responsive on different devices?

Sveip for å vise menyen

Bilder forbedrer det visuelle uttrykket på en nettside og bidrar til å formidle informasjon. I HTML legges bilder til ved å bruke <img>-taggen.

Innsetting av bilder

<img>-taggen er selv-lukkende og krever minst to attributter:

src: plasseringen til bildefilen;
alt: alternativ tekst for tilgjengelighet eller når bildet ikke kan lastes inn.

<img src="image.jpg" alt="Description of the image">

Bildeattributter

src: sti eller URL til bildet (påkrevd);
alt: reservetekst og beskrivelse for tilgjengelighet;
width: angir bildets bredde;
height: angir bildets høyde;
title: viser et verktøytips ved å holde musepekeren over bildet.

index.html

<img>-taggen setter inn et bilde på en nettside;
src-attributtet angir kilde-URL-en til bildefilen;
alt-attributtet angir alternativ tekst for bildet;
width-attributtet angir bildets bredde;
height-attributtet angir bildets høyde;
title-attributtet gir tilleggsinformasjon om bildet.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 1

Arbeide med Bilder i HTML

Innsetting av bilder

Bildeattributter

1. Hvilken tag brukes for å sette inn bilder i et HTML-dokument?

2. Hvilket attributt er påkrevd for at `<img>`-taggen skal vise bildet?

3. Hva gir `alt`-attributtet for et bilde?

4. Hva skjer hvis bildet angitt i `src`-attributtet ikke kan lastes inn?

Arbeide med Bilder i HTML

Innsetting av bilder

Bildeattributter

1. Hvilken tag brukes for å sette inn bilder i et HTML-dokument?

2. Hvilket attributt er påkrevd for at `<img>`-taggen skal vise bildet?

3. Hva gir `alt`-attributtet for et bilde?

4. Hva skjer hvis bildet angitt i `src`-attributtet ikke kan lastes inn?

Arbeide med Bilder i HTML

Innsetting av bilder

Bildeattributter

1. Hvilken tag brukes for å sette inn bilder i et HTML-dokument?

2. Hvilket attributt er påkrevd for at <img>-taggen skal vise bildet?

3. Hva gir alt-attributtet for et bilde?

4. Hva skjer hvis bildet angitt i src-attributtet ikke kan lastes inn?

Arbeide med Bilder i HTML

Innsetting av bilder

Bildeattributter

1. Hvilken tag brukes for å sette inn bilder i et HTML-dokument?

2. Hvilket attributt er påkrevd for at <img>-taggen skal vise bildet?

3. Hva gir alt-attributtet for et bilde?

4. Hva skjer hvis bildet angitt i src-attributtet ikke kan lastes inn?

2. Hvilket attributt er påkrevd for at `<img>`-taggen skal vise bildet?

3. Hva gir `alt`-attributtet for et bilde?

4. Hva skjer hvis bildet angitt i `src`-attributtet ikke kan lastes inn?

2. Hvilket attributt er påkrevd for at `<img>`-taggen skal vise bildet?

3. Hva gir `alt`-attributtet for et bilde?

4. Hva skjer hvis bildet angitt i `src`-attributtet ikke kan lastes inn?