Write a warning paragraph where the phrase "This action cannot be undone" is wrapped in <strong> — not just bold styling, but real importance a screen reader will announce.
Output ready when you are
Press Run to render your code, or Submit to validate your solution.
HTML Tutorial · HTML Basics
These 10 tasks go with the HTML Formatting 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: “HTML provides tags to format text on your web page — making it bold, italic, highlighted, or styled semantically for emphasis. Formatting improves readability and helps users understand important content.” .
1.Mark real importance with <strong>exercise · easy · 10 min
Write a warning paragraph where the phrase "This action cannot be undone" is wrapped in <strong> — not just bold styling, but real importance a screen reader will announce.
Passes when: Wrap the warning in <strong>; Use the exact warning text.
2.Add stress emphasis with <em>exercise · easy · 10 min · practice plan
Write the sentence "I said the meeting is at noon, not midnight." with the word "noon" wrapped in <em> to stress that specific word.
Passes when: Wrap the stressed word in <em>; Stress the word "noon".
3.Use <b> for a keyword without extra importanceexercise · easy · 10 min · practice plan
Write a spec line "Material: Bamboo" where the word "Bamboo" is wrapped in <b> — it should stand out visually as a keyword, without implying urgency or importance.
Passes when: Wrap the keyword in <b>; The keyword should be "Bamboo".
4.Set off a foreign phrase with <i>exercise · easy · 10 min · practice plan
Write the sentence "The chef added a touch of umami to the broth." with the word "umami" wrapped in <i>, since it's a foreign-language term used in an alternate voice from the rest of the sentence.
Passes when: Wrap the foreign term in <i>; The term should be "umami".
5.Combine importance and emphasis correctlyexercise · medium · 15 min · practice plan
Write "Please arrive early." where the word "early" is both important and stressed — nest <em> inside <strong> around that one word.
Passes when: Nest <em> inside <strong> around the word; The nested word should be "early".
6.Fix the warning that isn't announced as importantbug fix · easy · 10 min
This safety warning uses <b> for the critical phrase, so screen readers skip right over it. Change it to <strong> so it's announced as truly important.
Passes when: Use <strong> for the warning; Keep the exact warning text.
7.Fix the sentence with the wrong stress tagbug fix · easy · 10 min · practice plan
This sentence uses <i> on "noon", but the word needs stress emphasis, not just an alternate voice. Change it to <em>.
Passes when: Use <em> to stress the word; The stressed word should be "noon".
8.Fix the keyword with no formatting at allbug fix · easy · 10 min · practice plan
The spec line has plain text where the material name should stand out. Wrap "Bamboo" in <b> so it reads as a keyword.
Passes when: Wrap the keyword in <b>; The keyword should be "Bamboo".
9.Fix the foreign term using the wrong tagbug fix · easy · 10 min · practice plan
This sentence stresses "umami" with <em>, but it's a foreign-language term in an alternate voice, not a word needing stress. Change it to <i>.
Passes when: Use <i> for the foreign term; The term should be "umami".
10.Fix the emphasis that lost its meaningbug fix · medium · 15 min · practice plan
This nests <b> inside <strong>, so the word is bold twice but never actually stressed. Change the inner tag to <em> so it carries both importance and stress emphasis.
Passes when: Nest <em> fully inside <strong>; Keep the word inside the nested tags.
Between them these tasks cover HTML Formatting.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.