## Tehtävä
Luo HTML-dokumentti, joka upottaa videoleikkeen, jossa esitellään veneitä lomakeskuksessa. Lisää sopiva attribuutti ohjauspainikkeille. Käytä lisäksi seuraavaa URL-osoitetta videon määrittämiseen: `https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/Boats+at+Resort+Video.mp4`.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkJvYXRzIGF0IFJlc29ydDwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+Qm9hdHMgYXQgUmVzb3J0PC9oMT4KICAgIDwhLS0gU3RlcCAxOiBFbWJlZCB0aGUgdmlkZW8gY2xpcCAtLT4KICAgIDxfX19fXyBfX19fXyB3aWR0aD0iMzAwIj4KICAgICAgPHNvdXJjZQogICAgICAgIF9fX19fPSJfX19fXyIKICAgICAgICB0eXBlPSJ2aWRlby9tcDQiCiAgICAgIC8+CiAgICAgIFlvdXIgYnJvd3NlciBkb2VzIG5vdCBzdXBwb3J0IHRoZSB2aWRlbyBlbGVtZW50LgogICAgPC9fX19fXz4KICAgIDxwPgogICAgICA8c3Ryb25nPkJvYXRzIGF0IFJlc29ydDwvc3Ryb25nPiBvZmZlcnMgYSBzZXJlbmUgZXNjYXBlIG5lc3RsZWQgYWxvbmcgdGhlCiAgICAgIHBpY3R1cmVzcXVlIHNob3JlcyBvZiBhIHRyYW5xdWlsIGxha2UuIEVtYnJhY2UgdGhlIGJlYXV0eSBvZiBuYXR1cmUgYXMgeW91CiAgICAgIGluZHVsZ2UgaW4gYSBibGlzc2Z1bCBnZXRhd2F5IGF0IHRoaXMgd2F0ZXJmcm9udCBwYXJhZGlzZS4gV2hldGhlciB5b3UncmUKICAgICAgc2Vla2luZyA8ZW0+YWR2ZW50dXJlIG9uIHRoZSB3YXRlcjwvZW0+IG9yCiAgICAgIDxlbT5yZWxheGF0aW9uIGJ5IHRoZSBzaG9yZTwvZW0+LCBvdXIgcmVzb3J0IHByb3ZpZGVzIHRoZSBwZXJmZWN0IHNldHRpbmcKICAgICAgZm9yIHVuZm9yZ2V0dGFibGUgZXhwZXJpZW5jZXMuIEhvcCBhYm9hcmQgb3VyIGZsZWV0IG9mIGJvYXRzIGFuZCBlbWJhcmsgb24KICAgICAgPHN0cm9uZz5sZWlzdXJlbHkgY3J1aXNlczwvc3Ryb25nPiwKICAgICAgPHN0cm9uZz50aHJpbGxpbmcgd2F0ZXIgc3BvcnRzPC9zdHJvbmc+LCBvcgogICAgICA8c3Ryb25nPnBlYWNlZnVsIGZpc2hpbmcgZXhjdXJzaW9uczwvc3Ryb25nPi4KICAgIDwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

## Vihje
Vaihe 1: Käytä `<video>`-tagia videoleikkeen upottamiseen. Lisää `controls`-attribuutti, jotta tavalliset videon ohjauspainikkeet ovat käytettävissä. Määritä `<video>`-tagin sisällä MP4-videotiedoston URL-osoite `src`-attribuutilla.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkJvYXRzIGF0IFJlc29ydDwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+Qm9hdHMgYXQgUmVzb3J0PC9oMT4KICAgIDwhLS0gU3RlcCAxOiBFbWJlZCB0aGUgdmlkZW8gY2xpcCAtLT4KICAgIDx2aWRlbyBjb250cm9scyB3aWR0aD0iMzAwIj4KICAgICAgPHNvdXJjZQogICAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL0JvYXRzK2F0K1Jlc29ydCtWaWRlby5tcDQiCiAgICAgICAgdHlwZT0idmlkZW8vbXA0IgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgdmlkZW8gZWxlbWVudC4KICAgIDwvdmlkZW8+CiAgICA8cD4KICAgICAgPHN0cm9uZz5Cb2F0cyBhdCBSZXNvcnQ8L3N0cm9uZz4gb2ZmZXJzIGEgc2VyZW5lIGVzY2FwZSBuZXN0bGVkIGFsb25nIHRoZQogICAgICBwaWN0dXJlc3F1ZSBzaG9yZXMgb2YgYSB0cmFucXVpbCBsYWtlLiBFbWJyYWNlIHRoZSBiZWF1dHkgb2YgbmF0dXJlIGFzIHlvdQogICAgICBpbmR1bGdlIGluIGEgYmxpc3NmdWwgZ2V0YXdheSBhdCB0aGlzIHdhdGVyZnJvbnQgcGFyYWRpc2UuIFdoZXRoZXIgeW91J3JlCiAgICAgIHNlZWtpbmcgPGVtPmFkdmVudHVyZSBvbiB0aGUgd2F0ZXI8L2VtPiBvcgogICAgICA8ZW0+cmVsYXhhdGlvbiBieSB0aGUgc2hvcmU8L2VtPiwgb3VyIHJlc29ydCBwcm92aWRlcyB0aGUgcGVyZmVjdCBzZXR0aW5nCiAgICAgIGZvciB1bmZvcmdldHRhYmxlIGV4cGVyaWVuY2VzLiBIb3AgYWJvYXJkIG91ciBmbGVldCBvZiBib2F0cyBhbmQgZW1iYXJrIG9uCiAgICAgIDxzdHJvbmc+bGVpc3VyZWx5IGNydWlzZXM8L3N0cm9uZz4sCiAgICAgIDxzdHJvbmc+dGhyaWxsaW5nIHdhdGVyIHNwb3J0czwvc3Ryb25nPiwgb3IKICAgICAgPHN0cm9uZz5wZWFjZWZ1bCBmaXNoaW5nIGV4Y3Vyc2lvbnM8L3N0cm9uZz4uCiAgICA8L3A+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==

Hallitse HTML:n perusteet rakentaaksesi hyvin jäsenneltyä ja saavutettavaa verkkosisältöä. Opi jäsentämään dokumentteja käyttämällä tageja, elementtejä ja attribuutteja. Käsittele sujuvasti tekstiä, listoja, kuvia, ääntä ja videota rikastuttaaksesi verkkosivuja. Luo taulukoita järjestetyn datan esittämiseen ja lomakkeita käyttäjän syötteiden ja vuorovaikutuksen mahdollistamiseen. Tutustu semanttiseen HTML:ään saavutettavuuden parantamiseksi ja rakenna kokonaisia, toiminnallisia verkkosivustorakenteita alusta alkaen.

Master the essentials of HTML to build well-structured and accessible web content. Learn how to structure documents using tags, elements, and attributes. Work confidently with text, lists, images, audio, and video to enrich web pages. Create tables for organized data and forms for user input and interaction. Discover semantic HTML to enhance accessibility and build complete, functional website structures from the ground up.

Haaste: Käytä Videoelementtejä

Tehtävä

Vihje