Give a wrapper a class that CSS will style.
Acceptance criteria
- 1.Give a wrapper a class that CSS will style.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <basefont> 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 was used to define a default font size, color, and font face for all text in an HTML document. Once set, all text on the page inherited these font properties unless overridden by other tags.” .
1.Set page typography with a classexercise · easy · 10 min
Give a wrapper a class that CSS will style.
Passes when: Give a wrapper a class that CSS will style.
2.Use semantic regionsexercise · easy · 10 min · practice plan
Mark the main content region.
Passes when: Mark the main content region.
3.A lead paragraphexercise · easy · 10 min · practice plan
Give the intro paragraph its own class.
Passes when: Give the intro paragraph its own class.
4.Heading plus bodyexercise · easy · 10 min · practice plan
Add a heading and a classed paragraph.
Passes when: Add a heading and a classed paragraph.
5.A typographic pageexercise · medium · 10 min · practice plan
Build a main region with a heading and a lead paragraph.
Passes when: Build a main region with a heading and a lead paragraph.
6.Fix the basefont elementbug fix · easy · 8 min
basefont was removed; style the page with CSS.
Passes when: basefont was removed; style the page with CSS.
7.Fix the div used for the main regionbug fix · easy · 8 min · practice plan
The primary content is a main landmark.
Passes when: The primary content is a main landmark.
8.Fix the inline font sizebug fix · easy · 8 min · practice plan
A repeated look belongs in a class.
Passes when: A repeated look belongs in a class.
9.Fix the heading made with fontbug fix · easy · 8 min · practice plan
A title is a heading element.
Passes when: A title is a heading element.
10.Fix the page with no landmarkbug fix · easy · 8 min · practice plan
Wrap the content in a main region.
Passes when: Wrap the content in a main region.
Between them these tasks cover Removed elements, Body typography in CSS and Classes.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.