Command Palette

Search for a command to run...

Hectal
Back to the lesson: Topic 0.4 — Your First Complete HTML Page
HTML · Example 1 of 2

The complete page skeleton

The JavaScript tab reads the page's details so you can see what the skeleton set.

A proper HTML page has a fixed skeleton: a doctype, an html element with a language, a head with information about the page, and a body with what you see.

Change the code and press Run (Ctrl+Enter). Predict what will happen first, then break it on purpose and read what changes. Your edits are saved and match the lesson page.

Ready for more? This phase has 3 hands-on exercises with automatic checks.

Practice questions

Write the code in the editor, run it, then open the model answer to compare.

01

Write the complete skeleton of a page titled Recipes with an <h1> saying My recipes and one paragraph.

02

Change your page to French: what attribute value do you change?

Explain it without notes

01

What goes in the <head> and what goes in the <body>?

02

Why should every page start with <!DOCTYPE html>?

03

What does lang="en" do, and who benefits from it?

The complete page skeleton

Preview

Press Run to see the page.

Console

Nothing logged yet.

Expected console output

Title: My first page
Language: en
Charset: UTF-8