## Mål
Öva på att använda den absoluta sökvägen för bilder i HTML.

## Uppgift
Säkerställ att `src`-attributet för den första bilden använder den absoluta sökvägen. Du hittar bilden på:
```
https://content-media-cdn.codefinity.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png
```

Använd den absoluta sökvägen för `src`-attributet på den andra bilden. Åtkomst till bilden här:
```
https://content-media-cdn.codefinity.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png
```

Ange lämpligt värde för `alt`-attributet för båda bilderna. Kom ihåg att `alt`-värdet är avgörande för att ge kontext om bilderna inte kan laddas eller för användare som förlitar sig på skärmläsare.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5DaGFsbGVuZ2U6IEltYWdlczwvdGl0bGU+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPCEtLSBDaGFuZ2UgdGhlIGNvZGUgYmVsb3cgLS0+CgogICAgPCEtLSBJbWFnZSBvbmUgLS0+CiAgICA8aW1nIHNyYz0iX19fIiBhbHQ9Il9fXyIgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTYiIC8+CgogICAgPCEtLSBJbWFnZSB0d28gLS0+CiAgICA8aW1nIHNyYz0iX19fIiBhbHQ9Il9fXyIgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTYiIC8+CiAgPC9ib2R5Pgo8L2h0bWw+

1. Använd `<img>`-taggen för att visa en bild;
2. Använd attributet `src` för att ange bildens plats;
3. Använd attributet `alt` för att tillhandahålla beskrivande text för bilden;
4. Använd attributet `width` för att definiera bildens bredd;
5. Använd attributet `height` för att definiera bildens höjd.


Tips

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Challenge: Images</title>
  </head>
  <body>
    
    <img
      src="https://content-media-cdn.codefinity.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png"
      alt="Emotion that opens the mouth"
      width="256"
      height="256"
    />

    
    <img
      src="https://content-media-cdn.codefinity.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png"
      alt="Emotion that shows the tongue"
      width="256"
      height="256"
    />
  </body>
</html>
```

Lösning

Lär dig grunderna i HTML (HyperText Markup Language), grunden för webbutveckling. Denna nybörjarvänliga kurs täcker taggar, attribut, element och strukturering av webbsidor. Få praktiska färdigheter i att skapa rubriker, stycken, listor, bilder, länkar, formulär och tabeller. Utforska bästa praxis, optimering och webbtillgänglighet. Börja din webbutvecklingsresa med HTML.

Utforska mångsidigheten hos HTML-formulär. Lär dig att designa intuitiva och användarvänliga formulär genom att utnyttja viktiga koncept och tekniker. Upptäck hur formulär möjliggör användarinteraktion och dataöverföring på webbplatser.

Utmaning: Arbeta med bilder

Mål

Uppgift