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
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grunder

bookUtmaning: Strukturera ett HTML-dokument

Det här är din första utmaning! Utmaningar hjälper dig att öva på det du har lärt dig genom att tillämpa teori på verklig kod, så hoppa inte över dem.

Så här fungerar det:

  • Du får en uppgift att slutföra;
  • Ett kodblock med saknade delar kommer att tillhandahållas;
  • Din uppgift är att fylla i luckorna och köra koden för att kontrollera ditt svar.

Under koden hittar du två knappar:

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

Experimentera, prova olika alternativ och bygg upp självförtroendet under tiden. 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 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?

bookUtmaning: Strukturera ett HTML-dokument

Svep för att visa menyn

Det här är din första utmaning! Utmaningar hjälper dig att öva på det du har lärt dig genom att tillämpa teori på verklig kod, så hoppa inte över dem.

Så här fungerar det:

  • Du får en uppgift att slutföra;
  • Ett kodblock med saknade delar kommer att tillhandahållas;
  • Din uppgift är att fylla i luckorna och köra koden för att kontrollera ditt svar.

Under koden hittar du två knappar:

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

Experimentera, prova olika alternativ och bygg upp självförtroendet under tiden. 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