## Mål
Bygg riktig nettside ved å lage en grunnleggende HTML-dokumentstruktur. Denne strukturen er ryggraden i hver HTML-side og består av essensielle elementer som nettlesere trenger for å vise innholdet ditt korrekt.

Ikke la deg lure av den tilsynelatende enkelheten i nettsidens design. Selv om det kan virke rett frem, er det fortsatt avgjørende å **beholde riktig dokumentstruktur**. Dette sikrer at nettstedet beholder lesbarhet og funksjonalitet i alle nettlesere.

Merk

## Oppgave
Opprett en grunnleggende HTML-dokumentstruktur. Hvis du allerede er trygg på ferdighetene dine, kan du fortsette uten steg-for-steg-veiledningen. Dersom du ønsker litt mer veiledning, er det tilgjengelig en trinnvis gjennomgang som kan hjelpe deg videre.

### Steg 1: Start HTML-dokumentet
Begynn med å skrive HTML doctype-deklarasjonen, som forteller nettleseren at dokumentet er skrevet i HTML. Deklarasjonen skal være den første linjen i HTML-dokumentet ditt:

### Steg 2: Legg til html åpning- og lukketagger
Etter doctype-deklarasjonen, legg til åpning- og lukketaggene for HTML. Hele HTML-dokumentets struktur skal være innenfor disse taggene. Inkluder også `lang`-attributtet for å angi dokumentets språk:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj48L2h0bWw+

### Steg 3: Opprett head-seksjonen
Legg til åpning og lukking av `<head>`-taggene inne i HTML-taggene. Head-seksjonen inneholder meta-informasjon om HTML-dokumentet, som tittel og lenker til eksterne stilark:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD48L2hlYWQ+CjwvaHRtbD4=

### Steg 4: Legg til tittel
Inne i `<head>`-taggene, legg til åpning og lukking av `<title>`-taggene. Teksten du skriver mellom disse taggene vil vises som tittelen på nettsiden i nettleserens tittellinje eller fane:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CjwvaHRtbD4=

### Trinn 5: Opprett body-seksjonen
Etter `<head>`-seksjonen, legg til åpning og lukking av `<body>`-taggene. Body-seksjonen inneholder det synlige innholdet på nettsiden:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+PC9ib2R5Pgo8L2h0bWw+

### Steg 6: Legg til innhold i body
Du kan legge til elementer innenfor `<body>`-taggene, som overskrifter, avsnitt, bilder, lenker osv. Her er et eksempel på hvordan du legger til en overskrift og et avsnitt:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VGhlIHdlYnBhZ2UgbWFpbiBoZWFkaW5nPC9oMT4KICAgIDxwPlNvbWUgY29udGVudC48L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

PCEtLSBDcmVhdGUgdGhlIGJhc2ljIGRvY3VtZW50IHN0cnVjdHVyZSAtLT4K

Lær det grunnleggende i HTML (HyperText Markup Language), grunnlaget for webutvikling. Dette nybegynnervennlige kurset dekker tags, attributter, elementer og strukturering av nettsider. Få praktiske ferdigheter i å lage overskrifter, avsnitt, lister, bilder, lenker, skjemaer og tabeller. Utforsk beste praksis, optimalisering og webtilgjengelighet. Start din webutviklingsreise med HTML.

Utforsk allsidigheten til HTML-skjemaer. Lær å designe intuitive og brukervennlige skjemaer ved å utnytte nøkkelkonsepter og teknikker. Oppdag hvordan skjemaer muliggjør brukerinteraksjon og datasending på nettsteder.

Utfordring: Strukturer et HTML-dokument korrekt

Mål

Oppgave

Steg-for-steg-veiledning

Steg 1: Start HTML-dokumentet

Steg 2: Legg til html åpning- og lukketagger

Steg 3: Opprett head-seksjonen

Steg 4: Legg til tittel

Trinn 5: Opprett body-seksjonen

Steg 6: Legg til innhold i body

Prøv selv