HTML · Exercise 6 of 6 Previous
Intermediate
Build a semantic blog article
Rebuild this recipe post as a complete, meaningful page using what you learned in this phase:
a header with the site name and a nav with the two links; one main with one article; the post title as the only h1; the date in a time with datetime="2026-03-14"; the photo and its caption as a figure with a figcaption (keep a meaningful alt); the tip as a blockquote; the Method part as a section with an h2; and a footer with the author's contact in an address that has a mailto: link.
What Check tests
- A
headerholds anavwith the two links - One
mainwith anarticle, and the title is the onlyh1, inside it - The date is a
timewithdatetime="2026-03-14" - The photo is in a
figurewith alt text and afigcaptionas first or last child - The tip is a
blockquote - Method is a
sectionwith anh2 - The footer has an
addresswith amailto:link
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.