Section 1 - Instruction

Now that you understand HTML elements, let's build a complete webpage! Every HTML document follows the same basic structure - like a house blueprint that never changes.

This structure tells browsers exactly how to read and display your content properly.

Engagement Message

If this structure is a blueprint, what does it guarantee for your webpage?

Section 2 - Instruction

Every HTML document starts with a DOCTYPE declaration. It looks like this: <!DOCTYPE html>

This line tells the browser "Hey, this is an HTML5 document!" It goes at the very top, before anything else.

Engagement Message

Without it, browsers might display your page incorrectly. In a phrase, what does <!DOCTYPE html> communicate to the browser?

Section 3 - Instruction

After the DOCTYPE comes the <html> tag. This is the root element that wraps everything else in your document.

<html> is like the main container - all other HTML elements go inside it. It's the parent of all parents!

Engagement Message

What might browsers do if you forget to close the <html> tag?

Section 4 - Instruction

Inside <html>, you'll find two main sections: <head> and <body>. The <head> contains information about your webpage that visitors don't see directly.

Sign up
Join the 1M+ learners on CodeSignal
Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal