×

css · level 1 · unit 1 · lesson 2

  1. meet it
  2. guess first
  3. your turn
  4. fix it
  5. nailed it

Tap a green word if you get lost.

meet it

HTML wraps each piece of content in tags.

A ="pl-term" data-term="0" aria-expanded="false">tag is a word in angle brackets, like <p>. Most come in pairs: an opening tag <p> and a closing tag </p> with a slash. The pair plus everything between them is an .

<h1> is a big heading and <p> is a paragraph. <ul> holds a list, and each <li> inside it is one item. You will meet more tags as you need them.

Some tags carry labels. A class, like class="note", is a group label that many elements can share. An , like id="title", is a name that belongs to one element only.

<h1 id="title">Shopping list</h1>
<p class="note">Do not forget the milk.</p>
<ul>
  <li>Milk</li>
  <li class="note">Bread</li>
</ul>
li {
  color: teal;
}

Press show my page to see it here.

The CSS here names a tag, li, and paints every element with that tag teal.