## Tavoite
Luo houkutteleva verkkosivu, jossa on järjestämätön lista (`<ul>`) ja linkit (`<a>`) kolmeen suosittuun verkkosivustoon. Tärkeää on, että nämä linkit avautuvat uuteen välilehteen, mikä parantaa käyttökokemusta ja mahdollistaa kohteiden tutkimisen vaivattomasti.

## Tehtävä
Käytä seuraavia elementtejä luodaksesi innostavan verkkolöytöretken:
1. Luo järjestämätön lista, jossa on kolme kohtaa käyttämällä `<ul>`-elementtiä.
2. Jokaisessa listan kohdassa tulee olla linkki (`<a>`) suosittuun verkkosivustoon sekä sen nimi.
3. Listan tulee sisältää seuraavat kohteet:
   - "Apple" – Linkki Applen sivustolle: `https://www.apple.com/`;
   - "Amazon" – Linkki Amazonin sivustolle: `https://www.amazon.com/`;
   - "Netflix" – Linkki Netflixin sivustolle: `https://www.netflix.com/`.


PCEtLSBDaGFuZ2UgdGhlIGNvZGUgYmVsb3cgLS0+Cjx1bD4KICA8bGk+CiAgICA8YSBocmVmPSJfX18iIHRhcmdldD0iX2JsYW5rIj5BcHBsZTwvYT4KICA8L2xpPgogIDxsaT4KICAgIDxhIGhyZWY9Imh0dHBzOi8vd3d3LmFtYXpvbi5jb20vIiB0YXJnZXQ9Il9fXyI+QW1hem9uPC9hPgogIDwvbGk+CiAgPGxpPgogICAgPGEgX19fPSJfX18iIF9fXz0iX19fIj5OZXRmbGl4PC9hPgogIDwvbGk+CjwvdWw+

1. Käytä `<ul>`-tagia luodaksesi järjestämättömän listan;
2. Käytä `<li>`-tagia luodaksesi listaelementit jokaiselle verkkosivuston linkille;
3. Käytä `<a>`-tagia luodaksesi linkit ja määritä verkkosivuston URL-osoite `href`-attribuutilla;
4. Jotta linkit avautuvat uuteen välilehteen, lisää `target="_blank"`-attribuutti `<a>`-tagin sisälle.


Vihje

```html
<ul>
  <li>
    <a href="https://www.apple.com/" target="_blank">Apple</a>
  </li>
  <li>
    <a href="https://www.amazon.com/" target="_blank">Amazon</a>
  </li>
  <li>
    <a href="https://www.netflix.com/" target="_blank">Netflix</a>
  </li>
</ul>
```

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.

Tutki verkon sisäistä toimintaa. Opi, miten data kulkee verkkojen läpi, tutustu protokollien rooliin ja selvitä IP-osoitteiden ja verkkotunnusten mysteerit. Saa korkeatasoinen ymmärrys siitä, miten verkkoselaimet ja palvelimet kommunikoivat toimittaakseen verkkosisältöä.

Tutustu tunnisteiden voimaan sisällön jäsentämisessä, otsikoista ja kappaleista listoihin ja taulukoihin. Opi, kuinka voit parantaa elementtejä attribuuteilla.

HTML-dokumentin rakenteen ydin. Opi HTML-dokumentin osat, mukaan lukien doctype-ilmoitus, head ja body. Ymmärrä kunkin elementin tarkoitus ja miten ne vaikuttavat verkkosivun kokonaisrakenteeseen.

Tee verkkosivusta houkuttelevampi median, kuten kuvien, äänen ja videon avulla. Työskentele jäsennellyn taulukkomuotoisen datan kanssa taulukoiden muodossa.

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.

Challenge: Luo linkkejä suosittuihin verkkosivustoihin

Tavoite

Tehtävä