Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Challenge: Structure an HTML Document | HTML Fundamentals
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Essentials

bookChallenge: Structure an HTML Document

It's your first challenge! Challenges help you practice what you've learned by applying theory to real code, so don't skip them.

Here's how it works:

  • You'll get a task to complete;
  • A code block with missing parts will be provided;
  • Your job is to fill in the blanks and run the code to check your answer.

Below the code, you'll find two buttons:

  • The button will reveal hints to help you with the challenge;
  • The button will show you the completed code for that particular challenge.

Experiment, try different options, and build confidence as you go. Good luck!

Task

Fill in the blanks to create the basic structure of an HTML document.

index.html

index.html

copy

Hint

  • Step 1: The document type declaration should be <!DOCTYPE html>. This declaration informs the browser that the document is written in HTML5.
  • Step 2: Fill in the blanks with the appropriate opening and closing tags (<head></head>) for the head section.
  • Step 3: Use UTF-8 as the character encoding.
  • Step 4: Fill in the blanks with the appropriate opening and closing tags (<body></body>) for the body section.
index.html

index.html

copy
Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 2. ChapterΒ 2

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

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?

bookChallenge: Structure an HTML Document

Swipe to show menu

It's your first challenge! Challenges help you practice what you've learned by applying theory to real code, so don't skip them.

Here's how it works:

  • You'll get a task to complete;
  • A code block with missing parts will be provided;
  • Your job is to fill in the blanks and run the code to check your answer.

Below the code, you'll find two buttons:

  • The button will reveal hints to help you with the challenge;
  • The button will show you the completed code for that particular challenge.

Experiment, try different options, and build confidence as you go. Good luck!

Task

Fill in the blanks to create the basic structure of an HTML document.

index.html

index.html

copy

Hint

  • Step 1: The document type declaration should be <!DOCTYPE html>. This declaration informs the browser that the document is written in HTML5.
  • Step 2: Fill in the blanks with the appropriate opening and closing tags (<head></head>) for the head section.
  • Step 3: Use UTF-8 as the character encoding.
  • Step 4: Fill in the blanks with the appropriate opening and closing tags (<body></body>) for the body section.
index.html

index.html

copy
Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 2. ChapterΒ 2
some-alt