Practice: finish your page

Your page now contains a document shell, text, links, landmarks, an image, and a table.

Let’s finish it with the same checks you would use on a real site.

Validate the HTML

Run index.html and about.html through the HTML validator.

Fix errors first. Then review warnings and decide whether they apply.

Common mistakes include:

• an element closed in the wrong order
• a duplicate id
• an image without alt
• a heading or table element in an invalid place

Validate again after your changes.

Break one thing on purpose

Change the image path so it points to a filename that does not exist. Reload the page and inspect the Network panel.

Find the failed request. Look at its URL and status.

Restore the correct path and confirm the request succeeds. This small exercise makes broken paths much easier to diagnose later.

Inspect the document

Open the Elements panel and expand html, head, and body.

Compare the DOM with the source you wrote. If the browser moved or inserted an element, inspect the surrounding markup for invalid nesting.

Do the final pass

• open every page and click every link
• use Tab to reach every interactive element
• zoom to 200 percent
• reload with the Network panel open
• view the page source
• read the heading outline
• check the page at a narrow browser width

Do not aim for a beautiful page yet. CSS will handle presentation.

The goal is a page with clear content and reliable structure.

Done when

Both pages validate, every local file loads, every link works, and you can explain why each major element is there.