HTML Understanding Check
Challenge on lesson: Checkpoint: HTML Understanding
One page, four tasks. The boilerplate contains markup with three deliberate defects.
Task 1 โ FIX the defects:
- The image has no alt text: add a short, meaningful one (what does the picture show?).
- The <a> says "click here": replace that text with text that describes the destination.
- The second <h2> skips a level (it follows an <h1> โ it should not be an <h4>): fix it to <h2>โฆ</h2>.
Task 2 โ PREDICT & PROVE: the boilerplate lists three ingredients inside <ol>. Ingredients have no meaningful order โ move them into a <ul>.
Task 3 โ BUILD: after the existing content, add a <section> that contains:
- an <h2> heading with the text Opening hours
- a <ul> with at least two <li> entries
Task 4 โ ACCESSIBILITY JUDGMENT: at the end, add a <button type="button"> (not a link) whose visible text is Book a table. Actions are buttons; destinations are links.
Back to lesson: Checkpoint: HTML Understanding