Line breaks (br)
Name:
Date:
Class:
A
Quick Questions
Shade in the A or B circle for each question.
1. True or false: <br> needs a closing </br> tag.
2. Which of these is a valid way to write a line break in HTML5?
3. True or false: <BR> with capital letters is valid HTML.
4. What is the best use case for <br>?
5. True or false: <br/> and <br> are both valid in HTML5.
B
Match the Pairs
Draw a line connecting each item on the left to its match on the right.
| Left column | Right column | |
|---|---|---|
| 1<p>Line one<br> Line two</p> | AA self-closing line break - the trailing slash is optional in HTML5 but both forms are valid | |
| 2<br/> | BInserts a line break inside the paragraph - 'Line two' starts on a new line without ending the paragraph | |
| 3<br> is self-closing - it has no content and needs no closing tag | CStacking multiple <br> elements for spacing is bad practice - use CSS margin instead | |
| 4<br> forces the next content onto a new line within the same block | D<p>Street<br> City<br> Country</p> | |
| 5<p>Hello<br></br>World</p> | E<br> is self-closing - it must not have a closing </br> tag | |
| 6<p>Section one</p><br><br><br><p>Section two</p> | F<p>Roses are red<br> Violets are blue</p> |
C
Definitions
<br>
D
Fill in the Blanks
Complete each line of code by filling in the missing parts.
1.
<p>Line one<___>
Line two</p>
2.
<p>First line<br>
Second line<___>
Third line</p>
3.
<p>42 Oak Ave<___>
Melbourne</p>
4.
<p>Roses are red<___/>
Violets are blue</p>
5.
<body>
<p>Hello<___>
World</p>
</body>
E
Spot the Error
Shade in the letter of the line that contains an error.
Question 1
A
</br>Line one
B
<p>Line two</p>
C
<p>Line three</p>
Question 2
A
<p>
B
First line<BR>
C
Second line
D
</p>
Question 3
A
<p>
B
Street address
C
<br><br><br>
D
City name
E
</p>
Question 4
A
<p>First line<br>
B
<p>Second line<br>
C
<p>Third line<br>
D
<br></br>
Question 5
A
<body>
B
<p>Hello World</p>
C
<p>How are you?</p>
D
<p>Fine thanks</p>
E
<break>New section</break>
Answer Key
Line breaks (br)
Section A: Quick Questions
Q1
B — False
Q2
A — <br>
Q3
B — False
Q4
A — Line breaks in addresses or poetry
Q5
A — True
Section B: Match the Pairs
Q1
<p>Line one<br>
Line two</p> → Inserts a line break inside the paragraph - 'Line two' starts on a new line without ending the paragraph
Q2
<br/> → A self-closing line break - the trailing slash is optional in HTML5 but both forms are valid
Q3
<br> is self-closing - it has no content and needs no closing tag → <p>Street<br>
City<br>
Country</p>
Q4
<br> forces the next content onto a new line within the same block → <p>Roses are red<br>
Violets are blue</p>
Q5
<p>Hello<br></br>World</p> → <br> is self-closing - it must not have a closing </br> tag
Q6
<p>Section one</p><br><br><br><p>Section two</p> → Stacking multiple <br> elements for spacing is bad practice - use CSS margin instead
Section C: Definitions
Q1
<br> — A self-closing HTML element that inserts a line break, forcing the next content onto a new line. It has no content and needs no closing tag.Section D: Fill in the Blanks
Q1
<p>Line one<br>
Line two</p>Q2
<p>First line<br>
Second line<br>
Third line</p>Q3
<p>42 Oak Ave<br>
Melbourne</p>Q4
<p>Roses are red<br/>
Violets are blue</p>Q5
<body>
<p>Hello<br>
World</p>
</body>Section E: Spot the Error
Q1
A — <br> is a self-closing element - it must not have a closing </br> tag. The correct form is simply <br> with no forward slash at the start.
Q2
B — HTML tag names must be lowercase. <BR> with capital letters is non-standard. The correct form is <br> in lowercase.
Q3
C — Using multiple <br> elements to create spacing is bad practice. For visual spacing between content blocks, use CSS margin or padding instead of stacking line breaks.
Q4
D — <br> is self-closing - it must never have a closing </br> tag. The correct form is just <br> or <br/>.
Q5
E — <break> is not a valid HTML element. The correct self-closing element for a line break is <br>.