## Tavoite
Harjoittelu kuvien absoluuttisen polun käyttämisessä HTML:ssä.

## Tehtävä
Varmista, että ensimmäisen kuvan `src`-attribuutissa käytetään absoluuttista polkua. Löydät kuvan osoitteesta:
```
https://content-media-cdn.codefinity.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png
```

Käytä toisen kuvan `src`-attribuuttina absoluuttista polkua. Pääset kuvaan täältä:
```
https://content-media-cdn.codefinity.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png
```

Määritä sopiva `alt`-attribuutin arvo molemmille kuville. Muista, että `alt`-arvo on tärkeä, jotta kuvan sisältö välittyy, jos kuva ei lataudu tai käyttäjä käyttää ruudunlukuohjelmaa.

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

1. Käytä `<img>`-tagia kuvan näyttämiseen;
2. Käytä `src`-attribuuttia määrittääksesi kuvan sijainnin;
3. Käytä `alt`-attribuuttia antaaksesi kuvauksellisen tekstin kuvalle;
4. Käytä `width`-attribuuttia määrittääksesi kuvan leveyden;
5. Käytä `height`-attribuuttia määrittääksesi kuvan korkeuden.


Vihje

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

Ratkaisu

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

Tutustu HTML-lomakkeiden monipuolisuuteen. Opi suunnittelemaan intuitiivisia ja käyttäjäystävällisiä lomakkeita hyödyntämällä keskeisiä käsitteitä ja tekniikoita. Selvitä, kuinka lomakkeet mahdollistavat käyttäjän vuorovaikutuksen ja tietojen lähettämisen verkkosivustoilla.

Haaste: Työskentely Kuvien Kanssa

Tavoite

Tehtävä