0
0
HTMLmarkup~15 mins

Description lists in HTML - Mini Project: Build & Apply

Choose your learning style9 modes available
LearnWhyDeepRenderTryChallengeProjectRecallPerf
Create a Description List for a Product Features Page
📖 Scenario: You are building a simple product features page for a website. You want to list the features and their descriptions clearly using a description list.
🎯 Goal: Build an HTML description list using the <dl>, <dt>, and <dd> tags to show product features and their descriptions.
📋 What You'll Learn
Use a <dl> element to contain the list.
Use <dt> for each feature name.
Use <dd> for each feature description.
Include exactly three features with their descriptions.
Use semantic HTML5 structure.
💡 Why This Matters
🌍 Real World
Description lists are used on websites to clearly show terms and their explanations, like FAQs, glossaries, or product features.
💼 Career
Knowing how to use semantic HTML tags like description lists is important for building accessible and well-structured web pages.
Progress0 / 4 steps
1
Create the basic HTML structure with a <dl> element
Write the opening and closing <dl> tags inside the <body> of the HTML document.
HTML
Need a hint?

Use the <dl> tag inside the <body> to start your description list.

2
Add the first feature name using <dt>
Inside the existing <dl> tags, add a <dt> tag with the text Fast Performance.
HTML
Need a hint?

Use the <dt> tag to add the feature name inside the <dl>.

3
Add the description for the first feature using <dd>
After the <dt>Fast Performance</dt> tag, add a <dd> tag with the text Our product runs at lightning speed to save your time..
HTML
Need a hint?

Use the <dd> tag to add the description right after the feature name.

4
Add two more features with their descriptions
Inside the <dl>, add two more pairs of <dt> and <dd> tags with these exact texts:
<dt>User Friendly</dt> and <dd>Easy to use interface for everyone.</dd>
<dt>Secure</dt> and <dd>Top-level security to protect your data.</dd>
HTML
Need a hint?

Add the new features and descriptions as pairs of <dt> and <dd> tags inside the <dl>.