HTML/CSS - 1

HTML/CSS - 1: Build Your First HTML Page

Every webpage starts with HTML. HTML gives a page its structure and tells the browser what each piece of content represents.

In this first lesson, you are going to create two headings.

Start with an <h1> heading that says "Hello, everyone out there!". An <h1> is normally used for the main heading of a page.

Then add an <h2> underneath it. An <h2> is a smaller heading that can be used for a section title or subtitle. Choose your own words for this one.

Your challenge: Type both headings inside the <body> section and watch the Live Output change as you type.

✦ HTML Editor
▶ Live Output

What should happen?

When your code is correct, your main heading should appear large in the Live Output. Your <h2> should appear underneath it in a slightly smaller size. The browser automatically gives different heading levels different sizes.

Experiment: Try changing the words inside either heading. Notice that you only need to change the text between the opening and closing tags.

👀 Show Solution
<h1>Hello, everyone out there!</h1>
<h2>Welcome to my first webpage</h2>

The first line uses an <h1> for the page's main heading. The second uses an <h2> for a smaller heading underneath it.