Web Development
Lesson 1 of 4 8 min +55 XP

HTML: Structuring a Page

Tags that give a page its skeleton.

What you'll learn

  • Write basic HTML tags
  • Nest elements correctly
  • Use headings and paragraphs
The skeleton before the skin

Before a house gets paint and furniture, it needs a frame — walls, doors, rooms in the right places. HTML is that skeleton for a web page: tags mark this as a heading, that as a paragraph, this as a button, giving the page its structure.

Tags describe content

HTML marks up content with tags written in angle brackets. Most come in pairs — an opening <p> and a closing </p> — wrapping the content they describe. Elements nest inside one another to build structure.

<h1>My Page</h1>
<p>Hello, <strong>world</strong>!</p>
Lab · Mark it up
  1. Wrap a title in <h1> … </h1>.
  2. Wrap a sentence in <p> … </p>.
  3. Make one word bold with <strong> … </strong>.

What you should see: The <h1> renders as a big heading and <strong> makes text bold — tags describe the role of content.

Knowledge Check

+15 XP / correct

1. Which tag makes a top-level heading?

2. Most HTML elements are written as…