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

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


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

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

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

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

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

Behersk det grunnleggende i HTML for å bygge godt strukturerte og tilgjengelige nettinnhold. Lær hvordan du strukturerer dokumenter ved hjelp av tagger, elementer og attributter. Arbeid trygt med tekst, lister, bilder, lyd og video for å berike nettsider. Lag tabeller for organisert data og skjemaer for brukerinnsending og interaksjon. Oppdag semantisk HTML for å forbedre tilgjengelighet og bygg komplette, funksjonelle nettsidestrukturer fra bunnen av.

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.

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?