Essential storage keeps sign-in and learning features working. Google Analytics measures visits; Microsoft Clarity records interactions to help us improve usability. Both are optional and stay off until you choose. Read our privacy policy.
Study the question, then follow the complete answer and its reasoning.
Convert a flat block of event content into one ordered preparation sequence and one descriptive list of event facts.
Use ol when order matters. A dl contains dt terms paired with dd descriptions.
<main>
<h1>Prepare for demo day</h1>
<h2>Preparation order</h2>
<ol>
<li>Validate the page</li>
<li>Test with a keyboard</li>
<li>Practice the presentation</li>
</ol>
<h2>Event details</h2>
<dl>
<dt>Date</dt>
<dd>September 18</dd>
<dt>Location</dt>
<dd>Studio 4</dd>
</dl>
</main>The preparation tasks form a sequence, so ol communicates that changing their order changes the meaning. The event facts are name–value pairs, which is the relationship represented by dl, dt, and dd.
List choice communicates relationships that visual spacing alone cannot express. An ordered list tells the reader that sequence matters, while a description list connects each fact label to its value. This structure remains useful when CSS is unavailable and gives browsers and assistive technology dependable grouping information.
This beginner HTML exercise focuses on Choose lists based on content relationships, Represent a sequence with ol, Pair names and values with dl. Its requirements define the exact behavior to implement before you write code.
Start with the displayed example input and expected output, then test a boundary case suggested by the requirements. Edit the HTML, inspect the live preview, then run the checks before comparing your structure with the complete answer.
Attempt Mark up an event checklist first. Then open the read-only solution file to compare the contract, edge-case handling, and implementation choices—not simply to copy the final code.