html · level 1 · unit 2 · lesson 3
- meet it
- guess first
- your turn
- fix it
- nailed it
Tap a green word if you get lost.
meet it
<br> starts a new line and <hr> draws one.
Remember how pressing Enter does nothing on the page? A , <br>, starts a new line inside the same paragraph. It is perfect for poems and addresses.
<hr> draws a line across the page. Use it where the topic changes, like a pause between two scenes in a story.
Each one is an : there is nothing to wrap, so it has no closing tag. Write <br> on its own, never </br>.
<p>Roses are red,<br>
violets are blue.</p>
<hr>
<p>The end.</p>Press show my page to see it here.
The <br> sits at the end of the poem's first line, right where the break goes.
guess first
How many lines will the address take?
Guess before you run it. Wrong guesses are how you learn, and nothing is marked.
<p>Biscuit the dog<br>12 Bone Street<br>Barkington</p>your turn
Your turn. Sign a little poem.
Add a line break at the end of the poem's first line. Draw a line under the poem on line 3, then sign it with your name.
Press show my page to see it here.
- the poem breaks onto two linesnot checked yet
- a line sits under the poemnot checked yet
- you signed it under the linenot checked yet
fix it
Lines are cutting through the address. Can you fix it?
Press show my page to see it here.
- the address has two line breaksnot checked yet
- no lines are drawn across itnot checked yet
- Lines cut across the page between each part. Which tag draws a line?
<hr>draws a line across the page. You want a new line, not a drawn one.- Change both
<hr>tags to<br>, then press run.
nailed it
you broke lines on purpose. :D
<br>starts a new line inside the same element.<hr>draws a line where the topic changes.- Empty elements like
<br>have no closing tag.
new words in your collection
- line break
- empty element
This lesson isn’t saved. A free account remembers every lesson you finish.