Colour every paragraph teal with a style block.
Acceptance criteria
- 1.Colour every paragraph teal with a style block.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <style> 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 is used to embed CSS styles directly into an HTML document. It allows you to define the look and formatting of elements on the page without using an external stylesheet. The tag must be placed inside the section (though it can also appear in the in some cases, but that’s not recommended).” .
1.Add internal stylesexercise · easy · 10 min
Colour every paragraph teal with a style block.
Passes when: Colour every paragraph teal with a style block.
2.Style a headingexercise · easy · 10 min · practice plan
Make the heading larger with an internal style block.
Passes when: Make the heading larger with an internal style block.
3.Style by classexercise · easy · 10 min · practice plan
Add a class rule and an element that uses it.
Passes when: Add a class rule and an element that uses it.
4.Two rules in one blockexercise · easy · 10 min · practice plan
Style both the heading and the paragraph.
Passes when: Style both the heading and the paragraph.
5.Style a listexercise · medium · 10 min · practice plan
Remove the bullets from a list using an internal style.
Passes when: Remove the bullets from a list using an internal style.
6.Fix the note with no classbug fix · easy · 8 min
The rule is written but the paragraph never opts into it.
Passes when: The rule is written but the paragraph never opts into it.
7.Fix the class missing from the elementbug fix · easy · 8 min · practice plan
The rule exists but nothing uses it.
Passes when: The rule exists but nothing uses it.
8.Fix the missing paragraphbug fix · easy · 8 min · practice plan
The styles have nothing to apply to.
Passes when: The styles have nothing to apply to.
9.Fix the missing list itemsbug fix · easy · 8 min · practice plan
The list was styled but left empty.
Passes when: The list was styled but left empty.
10.Fix the heading that never got writtenbug fix · easy · 8 min · practice plan
The rule targets h1 but there is no h1.
Passes when: The rule targets h1 but there is no h1.
Between them these tasks cover style element, Internal CSS and Selectors.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.