Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Strukturera ett HTML-dokument | HTML-Grunder
HTML-Grunder

bookUtmaning: Strukturera ett HTML-dokument

Välkommen till din första utmaning i denna kurs!

Utmaningar är utformade för att befästa den kunskap och teori du hittills har lärt dig genom att omsätta den i praktiken. Lära genom att göra är det bästa sättet att lära sig, så hoppa inte över några utmaningar.

Hur fungerar utmaningar? Du får en uppgift som ska slutföras, och därefter presenteras du för en kodblock med luckor som behöver fyllas i. När du har slutfört utmaningen kan du köra din kod för att säkerställa att allt fungerar som förväntat.

Under kodblocket ser du två knappar: och .

  • -knappen visar tips som hjälper dig med utmaningen;
  • -knappen visar den färdiga koden för just denna utmaning.

Testa gärna olika alternativ för att slutföra uppgiften. Ju mer du skriver, desto enklare blir det. Lycka till!

Uppgift

Fyll i luckorna för att skapa den grundläggande strukturen för ett HTML-dokument.

index.html

index.html

copy

Tips

  • Steg 1: Dokumenttypdeklarationen ska vara <!DOCTYPE html>. Denna deklaration informerar webbläsaren om att dokumentet är skrivet i HTML5.
  • Steg 2: Fyll i luckorna med lämpliga öppnings- och stängningstaggar (<head></head>) för head-sektionen.
  • Steg 3: Använd UTF-8 som teckenkodning.
  • Steg 4: Fyll i luckorna med lämpliga öppnings- och stängningstaggar (<body></body>) för body-sektionen.
index.html

index.html

copy

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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

bookUtmaning: Strukturera ett HTML-dokument

Svep för att visa menyn

Välkommen till din första utmaning i denna kurs!

Utmaningar är utformade för att befästa den kunskap och teori du hittills har lärt dig genom att omsätta den i praktiken. Lära genom att göra är det bästa sättet att lära sig, så hoppa inte över några utmaningar.

Hur fungerar utmaningar? Du får en uppgift som ska slutföras, och därefter presenteras du för en kodblock med luckor som behöver fyllas i. När du har slutfört utmaningen kan du köra din kod för att säkerställa att allt fungerar som förväntat.

Under kodblocket ser du två knappar: och .

  • -knappen visar tips som hjälper dig med utmaningen;
  • -knappen visar den färdiga koden för just denna utmaning.

Testa gärna olika alternativ för att slutföra uppgiften. Ju mer du skriver, desto enklare blir det. Lycka till!

Uppgift

Fyll i luckorna för att skapa den grundläggande strukturen för ett HTML-dokument.

index.html

index.html

copy

Tips

  • Steg 1: Dokumenttypdeklarationen ska vara <!DOCTYPE html>. Denna deklaration informerar webbläsaren om att dokumentet är skrivet i HTML5.
  • Steg 2: Fyll i luckorna med lämpliga öppnings- och stängningstaggar (<head></head>) för head-sektionen.
  • Steg 3: Använd UTF-8 som teckenkodning.
  • Steg 4: Fyll i luckorna med lämpliga öppnings- och stängningstaggar (<body></body>) för body-sektionen.
index.html

index.html

copy

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2
some-alt