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 förbättrar den visuella attraktionskraften på en webbsida och hjälper till att förmedla information. I HTML läggs bilder till med hjälp av `<img>`-taggen.

## Infoga bilder
`<img>`-taggen är självstängande och kräver minst två attribut:
- `src`: bildfilens plats;
- `alt`: alternativ text för tillgänglighet eller när 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 för bildfilen;
- Attributet `alt` ställer in 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?

Behärska grunderna i HTML för att skapa välstrukturerat och tillgängligt webbinnehåll. Lär dig att strukturera dokument med hjälp av taggar, element och attribut. Arbeta säkert med text, listor, bilder, ljud och video för att berika webbsidor. Skapa tabeller för organiserad data och formulär för användarinmatning och interaktion. Upptäck semantisk HTML för att förbättra tillgängligheten och bygga kompletta, funktionella webbplatsstrukturer från grunden.

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.

Att 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?