Add a <meta name="description"> tag whose content starts with "Recipes for busy weeknights" — this is the summary search engines show under your page title.
Acceptance criteria
- 1.Add a description meta tag.
- 2.Start the content with the given text.
HTML Tutorial · HTML Basics
These 10 tasks go with the HTML Structure chapter. 5 of them ask you to build something small from scratch; 5 give you code that is already broken and ask you to work out why. Set aside about 110 minutes for the whole set, though you can do them in any order.
Nothing here is marked by a person. When you press Submit, the editor checks your code against the points listed under each task and tells you straight away what passed and what didn't (you need a free account to submit). If you get stuck, there are hints, and a worked solution once you've had a go. The first 2 tasks are free; the rest are part of the practice plan.
If it's been a while since you read the chapter, here is how it starts: “Every web page on the internet follows a specific HTML structure . This structure defines how a browser reads and displays the page’s content — from the title at the top to the last paragraph at the bottom. In this article you will learn about the basic structure of HTML.” .
1.Describe the page for search enginesexercise · easy · 10 min
Add a <meta name="description"> tag whose content starts with "Recipes for busy weeknights" — this is the summary search engines show under your page title.
Passes when: Add a description meta tag; Start the content with the given text.
2.Build a header with a site name and navigationexercise · easy · 10 min · practice plan
Add a <header> containing an <h1> with the site name "Daily Brew" and a <nav> with at least two links.
Passes when: Add a <header>; The header h1 should say "Daily Brew"; Add at least two navigation links.
3.Wrap the primary content in <main>exercise · easy · 10 min · practice plan
This page's real content is a plain <div>. Change it to a <main> element containing the article text.
Passes when: Wrap the content in <main>; Keep the article text inside main.
4.Add a footer with copyright textexercise · easy · 10 min · practice plan
Add a <footer> containing the exact text "© 2026 Daily Brew" at the end of the page.
Passes when: Add a <footer>; Use the exact copyright text.
5.Assemble a full page skeletonexercise · medium · 15 min · practice plan
Combine what you've learned: a <header> with an <h1>, a <main> with one paragraph, and a <footer> with copyright text — all three, in that order.
Passes when: Add a header with an h1; Add a main with a paragraph; Add a footer.
6.Fix the empty description tagbug fix · easy · 10 min
The description meta tag exists but its content is empty, so search engines have nothing to show. Set the content to start with "Recipes for busy weeknights".
Passes when: Give the description real content.
7.Fix the incomplete headerbug fix · easy · 10 min · practice plan
The header has navigation but no visible site name, and neither link has a destination. Add an <h1> reading "Daily Brew", then give the links href="/" and href="/blog".
Passes when: Add the site name as an h1; The first link should go to "/"; The second link should go to "/blog".
8.Fix the missing main landmarkbug fix · easy · 10 min · practice plan
The page content sits in a plain <section> with no <main>. Wrap the page's primary content in a <main> element.
Passes when: Add a <main> element; Keep the article text inside main.
9.Fix the wrong copyright yearbug fix · easy · 10 min · practice plan
The footer shows the wrong year. Correct it to read exactly "© 2026 Daily Brew".
Passes when: Fix the copyright year.
10.Fix the page's landmark orderbug fix · medium · 15 min · practice plan
The footer, header, and main are in the wrong order. Rearrange them so the header comes first, then main, then the footer — the standard page skeleton order.
Passes when: Keep the header with its h1; Keep the main with its paragraph; Keep the footer; The header should come before the main; The main should come before the footer.
Between them these tasks cover HTML Structure.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.