## 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 hvordan nettet fungerer. Lær hvordan data reiser over nettverk, oppdag rollen til protokoller, og løs mysteriene med IP-adresser og domenenavn. Få en overordnet forståelse av hvordan nettlesere og servere kommuniserer for å levere nettinnhold.

Oppdag kraften i koder for å strukturere innhold, fra overskrifter og avsnitt til lister og tabeller. Lær hvordan du kan forbedre elementene med attributter.

Kjernen i HTML-dokumentstrukturen. Lær komponentene i et HTML-dokument, inkludert doctype-erklæringen, head og body. Forstå formålet med hvert element og hvordan de bidrar til den overordnede strukturen på en nettside.

Gjør en nettside mer tiltalende ved hjelp av media som bilder, lyd og video. Arbeid med strukturert tabulær data i form av tabeller.

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