Lære Arbejde med Billeder i HTML

Billeder forbedrer den visuelle tiltrækningskraft på en webside og hjælper med at formidle information. I HTML tilføjes billeder ved hjælp af <img>-tagget.

Indsættelse af billeder

<img>-tagget er selv-lukkende og kræver mindst to attributter:

src: placering af billedfilen;
alt: alternativ tekst for tilgængelighed eller hvis billedet ikke kan indlæses.

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

Billedattributter

src: sti eller URL til billedet (påkrævet);
alt: reservetekst og tilgængelighedsbeskrivelse;
width: angiver billedets bredde;
height: angiver billedets højde;
title: viser et værktøjstip ved mouseover.

index.html

<img>-tagget indsætter et billede på en webside;
src-attributten angiver kilde-URL'en til billedfilen;
alt-attributten angiver alternativ tekst for billedet;
width-attributten angiver billedets bredde;
height-attributten angiver billedets højde;
title-attributten giver yderligere information om billedet.

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 1

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Stryg for at vise menuen

Billeder forbedrer den visuelle tiltrækningskraft på en webside og hjælper med at formidle information. I HTML tilføjes billeder ved hjælp af <img>-tagget.

Indsættelse af billeder

<img>-tagget er selv-lukkende og kræver mindst to attributter:

src: placering af billedfilen;
alt: alternativ tekst for tilgængelighed eller hvis billedet ikke kan indlæses.

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

Billedattributter

src: sti eller URL til billedet (påkrævet);
alt: reservetekst og tilgængelighedsbeskrivelse;
width: angiver billedets bredde;
height: angiver billedets højde;
title: viser et værktøjstip ved mouseover.

index.html

<img>-tagget indsætter et billede på en webside;
src-attributten angiver kilde-URL'en til billedfilen;
alt-attributten angiver alternativ tekst for billedet;
width-attributten angiver billedets bredde;
height-attributten angiver billedets højde;
title-attributten giver yderligere information om billedet.

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 1

Arbejde med Billeder i HTML

Indsættelse af billeder

Billedattributter

1. Hvilket tag bruges til at indsætte billeder i et HTML-dokument?

2. Hvilket attribut er påkrævet for at `<img>`-tagget kan vise billedet?

3. Hvad angiver `alt`-attributten for et billede?

4. Hvad sker der, hvis billedet angivet i `src`-attributten ikke kan indlæses?

Arbejde med Billeder i HTML

Indsættelse af billeder

Billedattributter

1. Hvilket tag bruges til at indsætte billeder i et HTML-dokument?

2. Hvilket attribut er påkrævet for at `<img>`-tagget kan vise billedet?

3. Hvad angiver `alt`-attributten for et billede?

4. Hvad sker der, hvis billedet angivet i `src`-attributten ikke kan indlæses?

Arbejde med Billeder i HTML

Indsættelse af billeder

Billedattributter

1. Hvilket tag bruges til at indsætte billeder i et HTML-dokument?

2. Hvilket attribut er påkrævet for at <img>-tagget kan vise billedet?

3. Hvad angiver alt-attributten for et billede?

4. Hvad sker der, hvis billedet angivet i src-attributten ikke kan indlæses?

Arbejde med Billeder i HTML

Indsættelse af billeder

Billedattributter

1. Hvilket tag bruges til at indsætte billeder i et HTML-dokument?

2. Hvilket attribut er påkrævet for at <img>-tagget kan vise billedet?

3. Hvad angiver alt-attributten for et billede?

4. Hvad sker der, hvis billedet angivet i src-attributten ikke kan indlæses?

2. Hvilket attribut er påkrævet for at `<img>`-tagget kan vise billedet?

3. Hvad angiver `alt`-attributten for et billede?

4. Hvad sker der, hvis billedet angivet i `src`-attributten ikke kan indlæses?

2. Hvilket attribut er påkrævet for at `<img>`-tagget kan vise billedet?

3. Hvad angiver `alt`-attributten for et billede?

4. Hvad sker der, hvis billedet angivet i `src`-attributten ikke kan indlæses?