Description lists in HTML - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to start a description list.

HTML

<[1]>
  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
</[1]>

Drag options to blanks, or click blank then click option'

Aul

Bdl

Col

Ddiv

Attempts:

3 left

💡 Hint

Common Mistakes

Using

or
instead of

for description lists.

Using

which is a generic container.

The <dl> tag starts a description list in HTML.

2fill in blank

medium

Complete the code to add a term in a description list.

HTML

<dl>
  <[1]>CSS</[1]>
  <dd>Cascading Style Sheets</dd>
</dl>

Drag options to blanks, or click blank then click option'

Adt

Bdd

Cli

Dp

Attempts:

3 left

💡 Hint

Common Mistakes

Using

instead of

for terms.

Using list item tags

inside description lists.

The <dt> tag defines a term in a description list.

3fill in blank

hard

Fix the error in the description list code by choosing the correct tag for the description.

HTML

<dl>
  <dt>JavaScript</dt>
  <[1]>Programming language for the web</[1]>
</dl>

Drag options to blanks, or click blank then click option'

Adt

Bp

Cli

Ddd

Attempts:

3 left

💡 Hint

Common Mistakes

Using

for descriptions instead of

.

Using list item tags

inside description lists.

The <dd> tag defines the description or definition of the term in a description list.

4fill in blank

hard

Fill both blanks to create a description list with a term and its description.

HTML

<[1]>
  <[2]>API</[2]>
  <dd>Application Programming Interface</dd>
</[1]>

Drag options to blanks, or click blank then click option'

Adl

Bdd

Cdt

Dul

Attempts:

3 left

💡 Hint

Common Mistakes

Using

instead of

for the list.

Using

instead of

for the term.

The <dl> tag starts the description list, and <dt> defines the term.

5fill in blank

hard

Fill all three blanks to create a description list with two terms and their descriptions.

HTML

<[1]>
  <dt>HTTP</dt>
  <[2]>HyperText Transfer Protocol</[2]>
  <dt>URL</dt>
  <[3]>Uniform Resource Locator</[3]>
</[1]>

Drag options to blanks, or click blank then click option'

Adl

Bdd

Dul

Attempts:

3 left

💡 Hint

Common Mistakes

Using

instead of

for the list.

Using

instead of

for descriptions.

The <dl> tag starts the description list, and <dd> tags provide descriptions for each term.