Project 3: Build an Article and Resource Page

Create a technical article page titled “Choosing an image format for the web”. Include a site header and navigation, an article header with title and publication date, a short introduction, several sections, one figure with a caption, and a comparison table.

The article should compare at least three formats by typical use, strengths, and trade-offs. Keep the table focused; do not turn it into a layout tool. Use a list for practical recommendations and link to the documentation you consulted.

Add a meaningful title and description metadata. If this page is part of a public website, add an appropriate canonical URL through the site’s metadata system. Use an informative image alternative and make the date machine-readable with time.

header + nav
main
  article
    header: h1 + time
    section: The problem
    section: Format comparison
      figure + figcaption
      table
    section: Choosing for your project
footer

Review the page on a phone-sized viewport. A wide comparison table may need a horizontally scrollable wrapper, but its header and cell relationships must remain intact. Run the HTML validator and check the page with a keyboard before calling the project complete.