## Tavoite
Luo vaikuttava verkkosivu, joka esittelee suosikkielokuviasi HTML-elementtejä käyttäen, mukaan lukien järjestämätön lista (`<ul>`), `<h1>`-otsikko ja useita kappale-elementtejä (`<p>`).

## Tehtävä
Käytä seuraavia elementtejä esitelläksesi suosikkielokuviasi:
1. Käytä `<h1>`-elementtiä pääotsikkona. Tekstin tulee olla `My Favorite Movies`.
2. Käytä `<ul>`-elementtiä luodaksesi järjestämätön lista, jossa on vähintään 3 elokuvan nimeä. Jokainen elokuvan nimi tulee olla listaelementissä (`<li>`).
3. `<ul>`-elementin jälkeen käytä useita `<p>`-elementtejä kirjoittaaksesi lyhyen kuvauksen jokaisesta elokuvasta. Jokaisen elokuvan kuvaus tulee omaan kappaleeseensa.

PCEtLSBTZXQgdGhlIG1haW4gaGVhZGluZyBiZWxvdyAtLT4KX19fCgo8dWw+CiAgPCEtLSBDcmVhdGUgYXQgbGVhc3QgMyBpdGVtcyBhbmQgc3BlY2lmeSB0aGUgbW92aWUgdGl0bGUgLS0+CiAgPGxpPl9fXzwvbGk+CiAgPGxpPl9fXzwvbGk+CiAgPGxpPl9fXzwvbGk+CjwvdWw+CgoKPCEtLSBDcmVhdGUgc2hvcnQgZGVzY3JpcHRpb25zIGZvciB0aGUgbW92aWVzIC0tPgoKPCEtLSBEZXNjcmlwdGlvbiBmb3IgdGhlIGZpcnN0IG1vdmllIC0tPgo8cD5fX188L3A+Cgo8IS0tIERlc2NyaXB0aW9uIGZvciB0aGUgc2Vjb25kIG1vdmllIC0tPgo8X19fPl9fXzwvX19fPgoKPCEtLSBEZXNjcmlwdGlvbiBmb3IgdGhlIHRoaXJkIG1vdmllIC0tPgpfX18=

1. Käytä `<h1>`-tägiä luodaksesi pääotsikon;
2. Käytä `<ul>`-tägiä luodaksesi järjestämättömän listan;
3. Käytä `<li>`-tägiä luodaksesi kohdan järjestämättömään listaan;
4. Käytä `<p>`-tägiä luodaksesi kappaleen.


Vihje

```html
<h1>My Favorite Movies</h1>
<ul>
  <li>The Shawshank Redemption</li>
  <li>Inception</li>
  <li>The Dark Knight</li>
</ul>

<p>
  "The Shawshank Redemption": A powerful tale of hope and friendship as two
  imprisoned men forge an unbreakable bond while seeking redemption.
</p>
<p>
  "Inception": A mind-bending thriller where skilled thieves enter people's
  dreams to steal valuable secrets, blurring the lines between reality and
  imagination.
</p>
<p>
  "The Dark Knight": A gripping superhero film that explores the conflict
  between Batman and the Joker, delving into themes of chaos, morality, and
  heroism in Gotham City.
</p>
```

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.

Haaste: Suunnittele elokuvien esittelysivu

Tavoite

Tehtävä