← HTML & CSS

Paragraphs (p)

An HTML element that wraps a block of text as a paragraph. The browser adds spacing above and below it and displays it on its own line.

Part of: HTML and CSS Journey — Module 9

What it does: The element is block-level, meaning it occupies its own horizontal space and begins on a new line. is not self-closing. The text content must sit between and for valid HTML. The paragraph element is . There is no <para> element in HTML. HTML tag names must be lowercase. The correct form is not . Browsers add a vertical margin above and below each paragraph by default, creating visual separation between blocks of text.

Common mistakes: HTML tag names must be lowercase. and with capital letters are non-standard. The correct form is and . The paragraph is closed with instead of . A closing tag must have a forward slash before the tag name.

Class: _____________________ · Name: _____________________ · Date: _________

Free printable worksheet with full answer key — or add this module to a journey and assign it to your class.

🖨 Print Worksheet and Answer key of Paragraphs (p) (PDF)

Take this worksheet further — free with Cloodit

Each concept is reinforced from every angle — learned, then applied, then tested.

Learning

Duo

Which tag is used to create a paragraph in HTML?

<para>

Matches

Missing close tag

↓

Every must be closed with - omitting it leaves the paragraph unclosed

Applying

Meanings

Term

Meaning

An HTML element that wraps a block of text as a paragraph. The browser adds spacing above and below it and displays it on its own line.

Practice

<body>

Testing

Gaps

<>Hello world

Check Answer

Spots

1This is a paragraph.

2Another paragraph.

Cloodit turns curriculum-aligned coding content into journeys students work through one biome at a time.

Students earn collectable badges

Over 100 of them, across seven natural biomes.

Study Buddy

Students build a real study resource

Turns their work into revision material ready for Flash Cards and Exam study.

Diamond Dash — one of Cloodit's live, competitive Sprint games

Students lock in with Sprints

Live, competitive practice for the start of the lesson or a teacher-led lesson finisher.

A Cloodit certificate of achievement, ready to personalise and print

Custom printable certificates

Honour your top performers, or encourage a student who's trying hard — ready to print in seconds.

Teach this with your class →

Quick Questions

1. Which tag is used to create a paragraph in HTML?

A. ✓

B. <para>

The paragraph element is . There is no <para> element in HTML.

2. True or false: is a self-closing tag and does not need a closing .

A. False ✓

B. True

requires a closing tag. It is not self-closing - every paragraph must be wrapped: text.

3. Where does a element display on the page?

A. On its own line ✓

B. Inline with surrounding text

is a block-level element - it always starts on a new line and takes up the full width available.

4. True or false: you can nest a inside another .

A. False ✓

B. True

elements must not be nested. Each paragraph is a separate block element at the same level.

5. True or false: with a capital P is valid HTML.

A. False ✓

B. True

HTML tag names must be lowercase. The correct form is not .

Match the Pairs

This is a paragraph. → Wraps a block of text as a paragraph - displayed on its own line with space above and below

First. Second. → Two separate paragraph elements - each displays as its own block with spacing between them

is a block-level element - it always starts on its own line → Welcome to my page.

Every opening tag must be matched with a closing tag → <body> Hello world. </body>

Missing close tag → Every must be closed with - omitting it leaves the paragraph unclosed

Nested paragraph. → elements must not be nested inside each other - each paragraph is a separate block

Key Term

An HTML element that wraps a block of text as a paragraph. The browser adds spacing above and below it and displays it on its own line.

Fill in the Blanks

1. Hello world

Hint: Type the paragraph element tag name

2. Welcome to my site

Hint: Type the closing tag name that ends a paragraph element

3. <body> First paragraph. </body>

Hint: Type the tag name that wraps a block of text as a paragraph

4. <body> Second paragraph. </body>

Hint: Type the element name needed to close the paragraph tag

5. Intro text. More details here.

Hint: Type the tag name that starts a new paragraph element

Spot the Error

Question 1

A This is a paragraph.

B Another paragraph.

C Third paragraph.

Line A — HTML tag names must be lowercase. and with capital letters are non-standard. The correct form is and .

Question 2

A <body>

B First paragraph.

C Second paragraph.

D </body>

Line B — The paragraph is closed with instead of . A closing tag must have a forward slash before the tag name.

Question 3

A <body>

B Intro text.

C More content.

D Final line.

Line C — The third paragraph is closed with instead of . Closing tags require a forward slash: .

Question 4

A <body>

B First line.

C Second line.

D <paragraph>Third line.</paragraph>

Line D — <paragraph> is not a valid HTML element. The correct element for a paragraph is with its closing tag .

Question 5

A <body>

B Opening paragraph.

C Middle text.

D Closing text.

E Nested paragraph.

Line E — elements must not be nested inside each other. Each paragraph should be a separate text element, not wrapped in another .

For Teachers

Create a free class, add this module to a journey, and track who's stuck.

Create a free teacher account →

No credit card. No setup fee. Make a class and invite students in under three minutes.

For Students

Practice this topic interactively, track progress, and unlock badges.

Start Learning Free →

Have a class code?