Summary  
This chapter explains how to insert and configure images in HTML using the `<img>` tag and its attributes—`src`, `alt`, `width`, `height`, and `title`—to control image source, accessibility text, dimensions, and tooltips.

General domain of usage  
Web development

Bilder förbättrar en webbsidas visuella tilltal och hjälper till att förmedla information. I HTML läggs bilder till med hjälp av taggen `<img>`.

## Infoga bilder
Taggen `<img>` är självstängande och kräver minst två attribut:
- `src`: bildfilens plats;
- `alt`: alternativ text för tillgänglighet eller om bilden inte kan laddas.
```html
<img src="image.jpg" alt="Description of the image">
```




## Bildattribut
- `src`: sökväg eller URL till bilden (obligatoriskt);
- `alt`: reservtext och tillgänglighetsbeskrivning;
- `width`: anger bildens bredd;
- `height`: anger bildens höjd;
- `title`: visar en verktygstips vid hovring.


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

- Taggen `<img>` infogar en bild på en webbsida;
- Attributet `src` anger käll-URL:en för bildfilen;
- Attributet `alt` anger alternativ text för bilden;
- Attributet `width` anger bildens bredd;
- Attributet `height` anger bildens höjd;
- Attributet `title` ger ytterligare information om bilden.

Vilken tagg används för att infoga bilder i ett HTML-dokument?

Vilket attribut är obligatoriskt för `<img>`-taggen för att visa bilden?

Vad tillhandahåller attributet `alt` för en bild?

Vad händer om bilden som anges i `src`-attributet inte kan laddas?

Bygg strukturerade webbsidor med HTML. Skapa textinnehåll, länkar, listor, bilder, tabeller och formulär, och organisera allt med semantiska element till en komplett sida.

Arbeta med bilder i HTML

Infoga bilder

Bildattribut

1. Vilken tagg används för att infoga bilder i ett HTML-dokument?

2. Vilket attribut är obligatoriskt för `<img>`-taggen för att visa bilden?

3. Vad tillhandahåller attributet `alt` för en bild?

4. Vad händer om bilden som anges i `src`-attributet inte kan laddas?