Project 6: Testimonial Slider

HTML Masterclass

Builds on these lessons

Common Errors Validators Validation Code Browser Selectors Tools

Step 1 of 3

Project

Find & Fix Three Classic Errors

The starter code below has three of the most common HTML mistakes: an <img> with no alt attribute, a <ul> whose direct children are <div>s instead of <li>s, and a <p> that was never closed. Fix all three so the markup below matches. This is what an HTML validator would flag — invalid nesting and missing required attributes.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>What Our Customers Say</title>
</head>
<body>
  <h1>What Our Customers Say</h1>
  <img src="quote-mark.png" alt="Decorative quotation mark">
  <p>Three real reviews from real customers.</p>
  <ul>
    <li>Great product, fast shipping.</li>
    <li>Customer support went above and beyond.</li>
  </ul>
</body>
</html>

← Previous Next →