Wrap the site title in a header.
Acceptance criteria
- 1.Wrap the site title in a header.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <header> Tag 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 90 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: “The tag represents a container for introductory content or navigational links . It usually contains headings, logos, and main navigation links , but it can appear multiple times on a page (e.g., for sections or articles).” .
1.Add a page headerexercise · easy · 10 min
Wrap the site title in a header.
Passes when: Wrap the site title in a header.
2.Header with navigationexercise · easy · 10 min · practice plan
Put the nav inside the header.
Passes when: Put the nav inside the header.
3.An article headerexercise · easy · 10 min · practice plan
Give an article its own header.
Passes when: Give an article its own header.
4.Header with a taglineexercise · easy · 10 min · practice plan
Add a tagline paragraph inside the header.
Passes when: Add a tagline paragraph inside the header.
5.A complete page headerexercise · medium · 10 min · practice plan
Build a header with a title, a tagline and navigation.
Passes when: Build a header with a title, a tagline and navigation.
6.Fix the div used as a headerbug fix · easy · 8 min
The top of the page is a header landmark.
Passes when: The top of the page is a header landmark.
7.Fix the nav left outsidebug fix · easy · 8 min · practice plan
The menu belongs inside the header.
Passes when: The menu belongs inside the header.
8.Fix the article with no headerbug fix · easy · 8 min · practice plan
The post title should sit in the article's header.
Passes when: The post title should sit in the article's header.
9.Fix the tagline as a second headingbug fix · easy · 8 min · practice plan
A tagline is a paragraph, not another heading.
Passes when: A tagline is a paragraph, not another heading.
10.Fix the header missing its titlebug fix · easy · 8 min · practice plan
A header with only a menu has no name.
Passes when: A header with only a menu has no name.
Between them these tasks cover Landmarks, Page header and Article header.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.