Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Strukturere et HTML-dokument | HTML-Grunnleggende
HTML-Grunnleggende

bookUtfordring: Strukturere et HTML-dokument

Dette er din første utfordring! Utfordringer hjelper deg å øve på det du har lært ved å anvende teori i faktisk kode, så ikke hopp over dem.

Slik fungerer det:

  • Du får en oppgave å fullføre;
  • Et kodeblokk med manglende deler blir gitt;
  • Din oppgave er å fylle inn det som mangler og kjøre koden for å sjekke svaret ditt.

Under koden finner du to knapper:

  • -knappen viser hint som hjelper deg med utfordringen;
  • -knappen viser deg den ferdige koden for akkurat denne utfordringen.

Eksperimenter, prøv ulike alternativer, og bygg selvtillit underveis. Lykke til!

Oppgave

Fyll inn det som mangler for å lage den grunnleggende strukturen til et HTML-dokument.

index.html

index.html

copy

Tips

  • Trinn 1: Dokumenttype-erklæringen skal være <!DOCTYPE html>. Denne erklæringen informerer nettleseren om at dokumentet er skrevet i HTML5.
  • Trinn 2: Fyll inn de tomme feltene med riktige åpning- og lukketagger (<head></head>) for head-seksjonen.
  • Trinn 3: Bruk UTF-8 som tegnkoding.
  • Trinn 4: Fyll inn de tomme feltene med riktige åpning- og lukketagger (<body></body>) for body-seksjonen.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you show me the code block that needs to be completed?

What should I do after filling in the blanks?

Can you explain what each part of the HTML structure does?

bookUtfordring: Strukturere et HTML-dokument

Sveip for å vise menyen

Dette er din første utfordring! Utfordringer hjelper deg å øve på det du har lært ved å anvende teori i faktisk kode, så ikke hopp over dem.

Slik fungerer det:

  • Du får en oppgave å fullføre;
  • Et kodeblokk med manglende deler blir gitt;
  • Din oppgave er å fylle inn det som mangler og kjøre koden for å sjekke svaret ditt.

Under koden finner du to knapper:

  • -knappen viser hint som hjelper deg med utfordringen;
  • -knappen viser deg den ferdige koden for akkurat denne utfordringen.

Eksperimenter, prøv ulike alternativer, og bygg selvtillit underveis. Lykke til!

Oppgave

Fyll inn det som mangler for å lage den grunnleggende strukturen til et HTML-dokument.

index.html

index.html

copy

Tips

  • Trinn 1: Dokumenttype-erklæringen skal være <!DOCTYPE html>. Denne erklæringen informerer nettleseren om at dokumentet er skrevet i HTML5.
  • Trinn 2: Fyll inn de tomme feltene med riktige åpning- og lukketagger (<head></head>) for head-seksjonen.
  • Trinn 3: Bruk UTF-8 som tegnkoding.
  • Trinn 4: Fyll inn de tomme feltene med riktige åpning- og lukketagger (<body></body>) for body-seksjonen.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2
some-alt