html · level 1 · unit 1 · lesson 2
- meet it
- guess first
- your turn
- fix it
- nailed it
Tap a green word if you get lost.
meet it
A is a label in angle brackets.
A tag is a label inside angle brackets, the < and > signs. Most tags come in pairs. The , like <h1>, says where a part of your page starts.
The says where it stops. It looks the same, with one extra slash: </h1>. Forget the slash and the browser thinks you are starting a new one.
The opening tag, the words inside and the closing tag together make one . The browser shows the words and hides the tags.
<h1>Pizza night</h1> Press show my page to see it here.
Think of the two tags as the bread of a sandwich, with your words as the filling.
guess first
Two pairs of tags. What will you see?
Guess before you run it. Wrong guesses are how you learn, and nothing is marked.
<h1>Pancakes</h1>
<h1>Waffles</h1>
your turn
Your turn. Write a whole element yourself.
On line 2, write a second heading of your own: an opening tag, your words, then a closing tag. Press run to check it.
Press show my page to see it here.
- the page has two headingsnot checked yet
- your new heading has words in itnot checked yet
fix it
Strange marks on the screen. Can you fix it?
Press show my page to see it here.
- the heading says breakfast is readynot checked yet
- Look at what appears after ready on the screen. Should it be there?
- The closing tag is missing something at its very start. Compare it with the opening tag.
- A closing tag starts with
<. Change/h1>to</h1>, then press run.
nailed it
you opened and closed your first tags. :D
- A tag is a label in angle brackets.
- A closing tag has a slash, like
</h1>. - Opening tag, words and closing tag make one element.
new words in your collection
- tag
- opening tag
- closing tag
- element
This lesson isn’t saved. A free account remembers every lesson you finish.