## Task
Create an HTML document that presents your favorite movies using both unordered and ordered lists.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkZhdm9yaXRlIE1vdmllczwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8IS0tIFN0ZXAgMTogQ3JlYXRlIGFuIHVub3JkZXJlZCBsaXN0IC0tPgogICAgPGgyPkZhdm9yaXRlIEFjdGlvbiBNb3ZpZXM8L2gyPgogICAgPF9fX19fPgogICAgICA8X19fX18+W01vdmllIDFdPC9fX19fXz4KICAgICAgPGxpPltNb3ZpZSAyXTwvbGk+CiAgICAgIDxfX19fXz5bTW92aWUgM108L19fX19fPgogICAgPC9fX19fXz4KCiAgICA8IS0tIFN0ZXAgMjogQ3JlYXRlIGFuIG9yZGVyZWQgbGlzdCAtLT4KICAgIDxoMj5Ub3AgMyBDb21lZHkgTW92aWVzPC9oMj4KICAgIDxfX19fXz4KICAgICAgPF9fX19fPltNb3ZpZSAxXTwvX19fX18+CiAgICAgIDxsaT5bTW92aWUgMl08L2xpPgogICAgICA8bGk+W01vdmllIDNdPC9saT4KICAgIDwvX19fX18+CiAgPC9ib2R5Pgo8L2h0bWw+

## Hint
- Step 1: Use `<ul>` tag to create an unordered list of favorite action movies. Add `<li>` tags for each movie.
- Step 2: Use `<ol>` tag to create an ordered list of top comedy movies. Add `<li>` tags for each movie.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkZhdm9yaXRlIE1vdmllczwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8IS0tIFN0ZXAgMTogQ3JlYXRlIGFuIHVub3JkZXJlZCBsaXN0IC0tPgogICAgPGgyPkZhdm9yaXRlIEFjdGlvbiBNb3ZpZXM8L2gyPgogICAgPHVsPgogICAgICA8bGk+TWFkIE1heDogRnVyeSBSb2FkPC9saT4KICAgICAgPGxpPlRoZSBNYXRyaXg8L2xpPgogICAgICA8bGk+VGhlIERhcmsgS25pZ2h0PC9saT4KICAgIDwvdWw+CgogICAgPCEtLSBTdGVwIDI6IENyZWF0ZSBhbiBvcmRlcmVkIGxpc3QgLS0+CiAgICA8aDI+VG9wIDMgQ29tZWR5IE1vdmllczwvaDI+CiAgICA8b2w+CiAgICAgIDxsaT5Hcm91bmRob2cgRGF5PC9saT4KICAgICAgPGxpPlN1cGVyYmFkPC9saT4KICAgICAgPGxpPlRoZSBHcmFuZCBCdWRhcGVzdCBIb3RlbDwvbGk+CiAgICA8L29sPgogIDwvYm9keT4KPC9odG1sPg==

Hallitse taidot, joita tarvitaan hyvin jäsennellyn ja saavutettavan HTML-verkkosisällön rakentamiseen. Jäsennä dokumentit tunnisteilla, elementeillä ja attribuuteilla, muotoile tekstiä ja luetteloita sekä upota kuvia, ääntä ja videota. Luo taulukoita järjestetyn datan esittämiseen ja lomakkeita käyttäjän syötteille, ja hyödynnä semanttista HTML:ää rakentaaksesi alusta alkaen saavutettavan verkkosivuston.

Perehdy verkon ja HTML:n perusteisiin, mukaan lukien tunnisteiden, elementtien ja attribuuttien rooli sekä HTML-dokumentin perusrakenne. Seuraa verkon lyhyttä historiaa ja ymmärrä, miksi HTML on yhä jokaisen sivun perusta.

Tutustu HTML-tekstin muotoilun ja luetteloiden perusteisiin, kuten otsikoihin ja kappaleisiin sekä lihavointiin, kursivointiin ja yliviivaukseen. Luo hyperlinkkejä ja painikkeita sekä rakenna sisältöä järjestettyjen ja järjestämättömien luetteloiden avulla.

Opi lisäämään kuvia, ääntä ja videota HTML-sivuille käyttämällä img-, audio- ja video-elementtejä. Määritä attribuutit kuten src, alt, controls ja autoplay rikastuttaaksesi sivuja visuaalisella ja äänisisällöllä.

Opi esittämään tietoja ja keräämään käyttäjän syötteitä HTML-taulukoiden ja lomakkeiden avulla. Rakenna taulukoita käyttämällä thead- ja tbody-elementtejä, ja luo lomakkeita nimetyillä syötekentillä sekä ominaisuuksilla, kuten required, placeholder ja disabled.

Syvennä osaamistasi semanttisilla HTML-elementeillä, kuten header, nav, section, article ja footer. Käytä näitä rakentaaksesi täydellisen, saavutettavan yhden sivun portfolioverkkosivuston alusta alkaen.

Challenge: Structure Content with Lists

Task

Hint