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

Velkommen til din første utfordring i dette kurset!

Utfordringer er utformet for å styrke kunnskapen og teorien du har lært så langt, ved å sette det ut i praksis. Læring gjennom å gjøre er den beste måten å lære på, så sørg for å ikke hoppe over noen utfordringer.

Hvordan fungerer utfordringer? Du vil få en oppgave som skal løses, og deretter vil du få presentert en kodeblokk med tomrom som må fylles ut. Når du har fullført utfordringen, kan du kjøre koden din for å sikre at alt fungerer som forventet.

Under kodeblokken vil du se to knapper: og .

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

Prøv gjerne ulike løsninger for å løse oppgaven. Jo mer du skriver, desto enklere blir det. Lykke til!

Oppgave

Fyll inn de tomme feltene 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 with the blanks that need to be filled in?

Can you give me more details about what should go inside the head and body sections?

What is the expected output after filling in the blanks?

Awesome!

Completion rate improved to 3.13

bookUtfordring: Strukturere et HTML-dokument

Sveip for å vise menyen

Velkommen til din første utfordring i dette kurset!

Utfordringer er utformet for å styrke kunnskapen og teorien du har lært så langt, ved å sette det ut i praksis. Læring gjennom å gjøre er den beste måten å lære på, så sørg for å ikke hoppe over noen utfordringer.

Hvordan fungerer utfordringer? Du vil få en oppgave som skal løses, og deretter vil du få presentert en kodeblokk med tomrom som må fylles ut. Når du har fullført utfordringen, kan du kjøre koden din for å sikre at alt fungerer som forventet.

Under kodeblokken vil du se to knapper: og .

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

Prøv gjerne ulike løsninger for å løse oppgaven. Jo mer du skriver, desto enklere blir det. Lykke til!

Oppgave

Fyll inn de tomme feltene 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