×

html · level 2 · unit 5 · lesson 3

  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

A pairs each term with its details.

Some facts come in pairs: a question and its answer, a word and its meaning, or Parking and Free after 6pm. A description list holds pairs like these. Wrap it in <dl>.

Each pair is a <dt>, the term being described, followed by a <dd>, its description. Browsers push each <dd> in from the left, under its <dt>.

Use one for common questions, a glossary or the details of a product. When the items are not pairs, use <ul> instead.

<dl>
  <dt>Opening hours</dt>
  <dd>Monday to Friday, 9am to 5pm</dd>
  <dt>Parking</dt>
  <dd>Free after 6pm</dd>
  <dt>Dogs</dt>
  <dd>Welcome on a lead</dd>
</dl>

Press show my page to see it here.

Read dt as description term and dd as description details.