Add a title element for the browser tab.
Acceptance criteria
- 1.Add a title element for the browser tab.
HTML Tutorial · Advanced HTML
These 10 tasks go with the HTML Head Element Tags 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 element in HTML contains metadata — information about the web page that is not visible directly on the browser screen but is essential for SEO, browser behavior, linking styles, and scripts . Everything inside the helps define how your webpage is displayed and behaves.” .
1.Set the page titleexercise · easy · 10 min
Add a title element for the browser tab.
Passes when: Add a title element for the browser tab.
2.Describe the pageexercise · easy · 10 min · practice plan
Add a meta description for the document.
Passes when: Add a meta description for the document.
3.Link a stylesheetexercise · easy · 10 min · practice plan
Link an external stylesheet.
Passes when: Link an external stylesheet.
4.Add a faviconexercise · easy · 10 min · practice plan
Link an icon for the browser tab.
Passes when: Link an icon for the browser tab.
5.Set the canonical URLexercise · medium · 10 min · practice plan
Add a canonical link.
Passes when: Add a canonical link.
6.Fix the heading used as the page titlebug fix · easy · 8 min
The browser tab needs a title element, not an h1.
Passes when: The browser tab needs a title element, not an h1.
7.Fix the missing page titlebug fix · easy · 8 min · practice plan
The document has no title element for the browser tab.
Passes when: The document has no title element for the browser tab.
8.Fix the stylesheet relbug fix · easy · 8 min · practice plan
The rel value must be stylesheet.
Passes when: The rel value must be stylesheet.
9.Fix the script used to load CSSbug fix · easy · 8 min · practice plan
Stylesheets are linked, not scripted.
Passes when: Stylesheets are linked, not scripted.
10.Fix the icon rel valuebug fix · easy · 8 min · practice plan
A favicon uses rel="icon".
Passes when: A favicon uses rel="icon".
Between them these tasks cover title, meta, link and Document metadata.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.