## Oppgave
Lag et HTML-dokument for et Flutter-utviklingsselskap sin nettside ved å bruke <u>semantiske HTML-elementer</u> for å forbedre tilgjengelighet og søkemotoroptimalisering.

Sørg for at hver seksjon av nettsiden er omsluttet av de riktige semantiske HTML-elementene (`<header>`, `<nav>`, `<section>`, `<footer>`).

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkZsdXR0ZXIgTWFpbiBDb21wYW55PC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gU3RlcCAxOiBQcm92aWRlIHRoZSBjb3JyZWN0IHRhZyBmb3IgdGhlIGhlYWRlciBzZWN0aW9uIC0tPgogICAgPF9fX19fPgogICAgICA8aDE+Rmx1dHRlciBNYWluIENvbXBhbnk8L2gxPgogICAgICA8IS0tIFN0ZXAgMjogUHJvdmlkZSB0aGUgY29ycmVjdCB0YWcgZm9yIG5hdmlnYXRpb24gbWVudSAtLT4KICAgICAgPF9fX19fPgogICAgICAgIDx1bD4KICAgICAgICAgIDxsaT48YSBocmVmPSIjIj5BYm91dCBVczwvYT48L2xpPgogICAgICAgICAgPGxpPjxhIGhyZWY9IiMiPlNlcnZpY2VzPC9hPjwvbGk+CiAgICAgICAgPC91bD4KICAgICAgPC9fX19fXz4KICAgIDwvX19fX18+CgogICAgPCEtLSBTdGVwIDM6IFByb3ZpZGUgdGhlIGNvcnJlY3QgdGFnIGZvciB0aGUgJ2Fib3V0IHVzJyBzZWN0aW9uIC0tPgogICAgPF9fX19fPgogICAgICA8aDI+QWJvdXQgVXM8L2gyPgogICAgICA8cD4KICAgICAgICBXZWxjb21lIHRvIEZsdXR0ZXIgTWFpbiBDb21wYW55LCB5b3VyIHByZW1pZXIgZGVzdGluYXRpb24gZm9yCiAgICAgICAgcHJvZmVzc2lvbmFsIEZsdXR0ZXIgYXBwIGRldmVsb3BtZW50IHNlcnZpY2VzLgogICAgICA8L3A+CiAgICA8L19fX19fPgoKICAgIDwhLS0gU3RlcCAzOiBQcm92aWRlIHRoZSBjb3JyZWN0IHRhZyBmb3IgdGhlICdzZXJ2aWNlcycgc2VjdGlvbiAtLT4KICAgIDxfX19fXz4KICAgICAgPGgyPk91ciBTZXJ2aWNlczwvaDI+CiAgICAgIDx1bD4KICAgICAgICA8bGk+Rmx1dHRlciBBcHAgRGV2ZWxvcG1lbnQ8L2xpPgogICAgICAgIDxsaT5Dcm9zcy1QbGF0Zm9ybSBEZXZlbG9wbWVudDwvbGk+CiAgICAgICAgPGxpPlVJL1VYIERlc2lnbjwvbGk+CiAgICAgICAgPGxpPlRlc3RpbmcgYW5kIFF1YWxpdHkgQXNzdXJhbmNlPC9saT4KICAgICAgPC91bD4KICAgIDwvX19fX18+CgogICAgPCEtLSBTdGVwIDQ6IFByb3ZpZGUgdGhlIGNvcnJlY3QgdGFnIGZvciB0aGUgZm9vdGVyIHNlY3Rpb24gLS0+CiAgICA8X19fX18+CiAgICAgIDxwPiZjb3B5OyAyMDI0IEZsdXR0ZXIgTWFpbiBDb21wYW55LiBBbGwgUmlnaHRzIFJlc2VydmVkLjwvcD4KICAgICAgPHVsPgogICAgICAgIDxsaT48YSBocmVmPSIjIj5Qcml2YWN5IFBvbGljeTwvYT48L2xpPgogICAgICAgIDxsaT48YSBocmVmPSIjIj5UZXJtcyBvZiBTZXJ2aWNlPC9hPjwvbGk+CiAgICAgICAgPGxpPjxhIGhyZWY9IiMiPkNvbnRhY3QgVXM8L2E+PC9saT4KICAgICAgPC91bD4KICAgIDwvX19fX18+CiAgPC9ib2R5Pgo8L2h0bWw+

## Tips
- Trinn 1: Bruk `header`-elementet til å inneholde hovedbranding og navigasjon.
- Trinn 2: Benytt `nav`-elementet for navigasjonsmenyen.
- Trinn 3: Omgi hver distinkte innholdsseksjon med et `section`-element.
- Trinn 4: `footer`-elementet skal inneholde opphavsrettsinformasjon, policy-lenker og kontaktinformasjon.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkZsdXR0ZXIgTWFpbiBDb21wYW55PC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gU3RlcCAxOiBQcm92aWRlIHRoZSBjb3JyZWN0IHRhZyBmb3IgdGhlIGhlYWRlciBzZWN0aW9uIC0tPgogICAgPGhlYWRlcj4KICAgICAgPGgxPkZsdXR0ZXIgTWFpbiBDb21wYW55PC9oMT4KICAgICAgPCEtLSBTdGVwIDI6IFByb3ZpZGUgdGhlIGNvcnJlY3QgdGFnIGZvciBuYXZpZ2F0aW9uIG1lbnUgLS0+CiAgICAgIDxuYXY+CiAgICAgICAgPHVsPgogICAgICAgICAgPGxpPjxhIGhyZWY9IiMiPkFib3V0IFVzPC9hPjwvbGk+CiAgICAgICAgICA8bGk+PGEgaHJlZj0iIyI+U2VydmljZXM8L2E+PC9saT4KICAgICAgICA8L3VsPgogICAgICA8L25hdj4KICAgIDwvaGVhZGVyPgoKICAgIDwhLS0gU3RlcCAzOiBQcm92aWRlIHRoZSBjb3JyZWN0IHRhZyBmb3IgdGhlICdhYm91dCB1cycgc2VjdGlvbiAtLT4KICAgIDxzZWN0aW9uPgogICAgICA8aDI+QWJvdXQgVXM8L2gyPgogICAgICA8cD4KICAgICAgICBXZWxjb21lIHRvIEZsdXR0ZXIgTWFpbiBDb21wYW55LCB5b3VyIHByZW1pZXIgZGVzdGluYXRpb24gZm9yCiAgICAgICAgcHJvZmVzc2lvbmFsIEZsdXR0ZXIgYXBwIGRldmVsb3BtZW50IHNlcnZpY2VzLgogICAgICA8L3A+CiAgICA8L3NlY3Rpb24+CgogICAgPCEtLSBTdGVwIDM6IFByb3ZpZGUgdGhlIGNvcnJlY3QgdGFnIGZvciB0aGUgJ3NlcnZpY2VzJyBzZWN0aW9uIC0tPgogICAgPHNlY3Rpb24+CiAgICAgIDxoMj5PdXIgU2VydmljZXM8L2gyPgogICAgICA8dWw+CiAgICAgICAgPGxpPkZsdXR0ZXIgQXBwIERldmVsb3BtZW50PC9saT4KICAgICAgICA8bGk+Q3Jvc3MtUGxhdGZvcm0gRGV2ZWxvcG1lbnQ8L2xpPgogICAgICAgIDxsaT5VSS9VWCBEZXNpZ248L2xpPgogICAgICAgIDxsaT5UZXN0aW5nIGFuZCBRdWFsaXR5IEFzc3VyYW5jZTwvbGk+CiAgICAgIDwvdWw+CiAgICA8L3NlY3Rpb24+CgogICAgPCEtLSBTdGVwIDQ6IFByb3ZpZGUgdGhlIGNvcnJlY3QgdGFnIGZvciB0aGUgZm9vdGVyIHNlY3Rpb24gLS0+CiAgICA8Zm9vdGVyPgogICAgICA8cD4mY29weTsgMjAyNCBGbHV0dGVyIE1haW4gQ29tcGFueS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC48L3A+CiAgICAgIDx1bD4KICAgICAgICA8bGk+PGEgaHJlZj0iIyI+UHJpdmFjeSBQb2xpY3k8L2E+PC9saT4KICAgICAgICA8bGk+PGEgaHJlZj0iIyI+VGVybXMgb2YgU2VydmljZTwvYT48L2xpPgogICAgICAgIDxsaT48YSBocmVmPSIjIj5Db250YWN0IFVzPC9hPjwvbGk+CiAgICAgIDwvdWw+CiAgICA8L2Zvb3Rlcj4KICA8L2JvZHk+CjwvaHRtbD4=

Behersk det grunnleggende i HTML for å bygge godt strukturerte og tilgjengelige nettinnhold. Lær hvordan du strukturerer dokumenter ved hjelp av tagger, elementer og attributter. Arbeid trygt med tekst, lister, bilder, lyd og video for å berike nettsider. Lag tabeller for organisert data og skjemaer for brukerinnsending og interaksjon. Oppdag semantisk HTML for å forbedre tilgjengelighet og bygg komplette, funksjonelle nettsidestrukturer fra bunnen av.

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.

Utfordring: Implementere Semantiske Elementer

Oppgave

Tips