HTML for Kids · Lesson

Headings and Paragraphs

Add titles and text to your web page.

Headings and Paragraphs is a free HTML for Kids lesson on CoddyKit — lesson 1 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the HTML for Kids learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.

1

Headings and Paragraphs

Welcome to the next lesson! Today, we’ll learn how to add headings and paragraphs to your web page. These elements make your content organized and easy to read.

2 What Are Headings?

Headings are used to create titles and subtitles on your web page. They range from <h1> (largest) to <h6> (smallest).

Think of headings as the outline of your content. They help users understand the structure of your page.

Example:

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>

3 Using Headings

Let’s add headings to our web page. Try this code to see the difference between heading sizes:

<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>

4 What Are Paragraphs?

Paragraphs are blocks of text added to your web page using the <p> tag. They are perfect for adding detailed information or descriptions.

Example:

<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>

5 Adding Multiple Paragraphs

You can add as many paragraphs as you want by using multiple <p> tags.

Example:

<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>

6 Combining Headings and Paragraphs

Headings and paragraphs work together to make your content easy to read and understand. Use headings for titles and paragraphs for detailed information.

Example:

<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>

<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>

<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>

7 Best Practices for Headings and Paragraphs

Here are some tips to keep in mind:

Use One <h1> Per Page: The <h1> tag should be used only once as the main title.
Organize Content: Use smaller headings (<h2>, <h3>) to divide sections.
Write Clear Paragraphs: Keep your paragraphs short and easy to read.

8 Try It Yourself

Let’s create a simple web page with headings and paragraphs. Here’s an example to get started:

<!DOCTYPE html>
<html>
  <head>
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>This is the main paragraph introducing my page.</p>
    
    <h2>About Me</h2>
    <p>I’m learning HTML and enjoying the process!</p>

    <h2>My Goals</h2>
    <p>My goal is to create a professional-looking website someday.</p>
  </body>
</html>

9

10 Great Job!

Awesome work! You’ve learned how to add headings and paragraphs to your web page. These are essential for creating clear and well-structured content. In the next lesson, we’ll explore how to create lists to organize information. Get ready for more fun!

Headings and Paragraphs — illustration 10

Frequently asked questions

Is the “Headings and Paragraphs” lesson free?

Yes — the full text of “Headings and Paragraphs” is free to read here on the web, and the HTML for Kids course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the HTML for Kids course, upgrade to CoddyKit PRO.

What will I learn in “Headings and Paragraphs”?

Add titles and text to your web page. You practise HTML for Kids with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.

Do I need any experience to start HTML for Kids?

No prior experience is required. HTML for Kids on CoddyKit is structured for beginners through advanced learners; this is — lesson 1 of 4, so you can start here or from the beginning and move at your own pace.

How long does the “Headings and Paragraphs” lesson take?

Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.

Can I write and run code in this HTML for Kids lesson?

Yes. Every HTML for Kids lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.

All lessons in this course

← Back to HTML for Kids