## Goal
Practice using the absolute path for images in HTML.

## Task
Ensure the `src` attribute of the first image uses the absolute path. You can find the image at:
```
https://content-media-cdn.codefinity.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png
```

Utilize the absolute path for the `src` attribute of the second image. Access the image here:
```
https://content-media-cdn.codefinity.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png
```

Specify the appropriate `alt` attribute value for both images. Remember, the `alt` value is crucial for providing context in case images fail to load or for users relying on screen readers.

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

1. Use the `<img>` tag to display an image;
2. Use the `src` attribute to specify the image location;
3. Use the `alt` attribute to provide descriptive text for the image;
4. Use the `width` attribute to define the image width;
5. Use the `height` attribute to define the image height.


Hint

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

Solution

Build structured webpages using modern HTML and semantic layout techniques. Learn how to organize content, work with links, images, tables, and forms, while creating accessible and properly structured webpages that prepare you for modern frontend development with Svelte.

Challenge: Work with Images

Goal

Task