Academy lesson
Headings, Paragraphs, and Text
Learn how simple headings and paragraphs give page text a calm, readable structure from the very start.
What you will learn
- Explain what headings do on a web page.
- Explain what paragraphs do on a web page.
- Understand that HTML gives text a clear structure people and browsers can follow.
Why Text Structure Matters on a Web Page
A web page is easier to understand when the text has a clear shape. HTML helps give that shape to the page. Instead of showing one large block of words, it can separate a page into titles, sections, and body text.
That matters for real people and for browsers. When text is structured clearly, the page feels calmer to read and easier to follow.
First mental model
HTML text structure is about helping the page make sense, not just making words appear.
What Headings Do
A heading introduces a topic. It can act like the title of the page or the title of a section on the page. When someone looks at a page quickly, headings help them see what each part is about.
A heading is not just bigger text. Its real job is to label content clearly so the page has an order that people can recognize.
Heading rule
Use a heading to introduce the idea before the explanation begins.
What Paragraphs Do
A paragraph holds the explanation under a heading. It is the place where the page says a little more. If a heading names the topic, the paragraph gives the supporting message.
Paragraphs make pages easier to read because they break ideas into manageable pieces. A beginner only needs a small paragraph to start practicing this pattern.
Paragraph rule
Use a paragraph when you want to explain, describe, or add a little detail.
How Headings and Paragraphs Work Together
Headings and paragraphs are a simple team. The heading tells the reader what is coming next. The paragraph explains that topic in plain language. Together, they turn loose text into a structured page.
This is one reason HTML feels useful so quickly. Even one heading and one paragraph can make a page feel real and understandable.
Simple pattern
Heading first, paragraph second is one of the most helpful beginner patterns in HTML.
Looking at a Tiny Text Example
A tiny example is enough:
<h1>My Favorite Hobby</h1>
<p>I like drawing because it helps me slow down and practice one idea at a time.</p>
The heading names the topic. The paragraph explains it. That is already a clear piece of web page content.
Beginner win
A very small text example still counts as real HTML practice.
What to Remember Before Moving to Lesson 4
You do not need a long page or a large set of tags to begin. A heading gives text a clear starting point. A paragraph adds the explanation underneath it. That simple structure makes a page easier to read and easier to understand.
In the next lesson, you will keep building the page by adding links and images.
Keep this with you
Clear text structure is already real progress, even when the page is tiny.
End of lesson
Mark this lesson complete when the main idea feels clear.
The website can remember completion in this browser. Full saved progress, quizzes, 22 Practice Labs, and certificate tracking live inside the Academy app.