The building blocks
Build your first page
Lesson 1 of 20 · 6 min · Module 1: Content with meaning
HTML gives a web page its structure. Elements tell the browser what each piece of content means.
Start this lesson →Free. No installation: you write and run the code in your browser, and it is checked automatically.
By the end, you’ll be able to…
- Recognize opening and closing tags
- Choose a meaningful heading
- Separate structure from styling
The idea
Use <h1> for the main heading and <p> for a paragraph. Most elements have an opening and a closing tag.
<h1>A new beginning</h1>
<p>This is my little corner of the web.</p>01An element wraps content
The h1 tags identify a top-level heading. The p tags identify a paragraph. The browser can display both without CSS because their meanings are built into HTML.
<h1>A new beginning</h1>
<p>A small step today.</p>02Use heading levels for structure
Choose a heading because of its place in the document, not just because of its default size. CSS can change appearance later without changing the element’s meaning.
Your turn
<h1> with the text Hello, web! and a <p> containing I am learning to code..What the checks look for
- Main heading says Hello, web!
- Paragraph introduces your journey
Take this with you
Use HTML to explain what content means before deciding how it looks.