Summary  
This chapter explains how to embed images in HTML using the `<img>` tag and configure key attributes such as `src`, `alt`, `width`, `height`, and `title`.

General domain of usage  
Web development

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.
```html
<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.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkltYWdlczwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aW1nCiAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL3N0YXJ0dXAucG5nIgogICAgICBhbHQ9IlRoZSByb2NrZXQgaXMgZ2FpbmluZyBhbHRpdHVkZSIKICAgICAgd2lkdGg9IjEyOCIKICAgICAgaGVpZ2h0PSIxMjgiCiAgICAgIHRpdGxlPSJSb2NrZXQgcHJlc2VydmluZyBzdGFydHVwIGxhdW5jaCIKICAgIC8+CiAgPC9ib2R5Pgo8L2h0bWw+

- `<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.

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

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

Hvad angiver `alt`-attributten for et billede?

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

Behersk det grundlæggende i HTML for at opbygge velstruktureret og tilgængeligt webindhold. Lær at strukturere dokumenter ved hjælp af tags, elementer og attributter. Arbejd sikkert med tekst, lister, billeder, lyd og video for at berige websider. Opret tabeller for organiserede data og formularer til brugerinput og interaktion. Opdag semantisk HTML for at forbedre tilgængelighed og opbygge komplette, funktionelle webstedsstrukturer fra bunden.

Master the essentials of HTML to build well-structured and accessible web content. Learn how to structure documents using tags, elements, and attributes. Work confidently with text, lists, images, audio, and video to enrich web pages. Create tables for organized data and forms for user input and interaction. Discover semantic HTML to enhance accessibility and build complete, functional website structures from the ground up.

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?