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

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?

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?