html · level 1 · unit 2 · lesson 2
- meet it
- guess first
- your turn
- fix it
- nailed it
Tap a green word if you get lost.
meet it
<strong> and <em> live inside other elements.
Put <strong> round words that really matter, like a warning. The browser shows them in bold. Put <em> round a word you would stress out loud. That stress is called , and it shows in sloping letters.
These tags go inside a paragraph, not instead of it. An element inside another element is called , like a small box packed inside a bigger box.
Close the inner tag first, then the outer one. Whatever opened last closes first.
<p><strong>Careful!</strong> The plate is hot.</p>
<p>I <em>love</em> pancakes.</p> Press show my page to see it here.
Choose <strong> for words that matter, not to make words look loud.
guess first
Which words will look different?
Guess before you run it. Wrong guesses are how you learn, and nothing is marked.
<p>Do <strong>not</strong> feed the <em>goat</em>.</p>
your turn
Your turn. Stress your favourite pudding.
Type your favourite pudding in the blank and wrap it in <em> and </em>, so it gets emphasis. Then press run.
Press show my page to see it here.
- your pudding is inside
<em>tagsnot checked yet - the whole sentence is still therenot checked yet
fix it
Half the page has gone bold. Can you fix it?
Press show my page to see it here.
- only one part of the page is boldnot checked yet
- only the word closed is boldnot checked yet
- Everything after closed is bold. Where should the bold stop?
- Look closely at the closing tag after closed. Is it spelt right?
- Change
</stong>to</strong>, then press run.
nailed it
your words have feelings now. :D
<strong>marks words that really matter.<em>marks a word you would stress.- Close the inner tag before the outer one.
new words in your collection
- emphasis
- nesting
This lesson isn’t saved. A free account remembers every lesson you finish.