Show the announcement as an ordinary paragraph.
Acceptance criteria
- 1.Show the announcement as an ordinary paragraph.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <marquee> 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: “scrolls its content across the screen. It was never part of any HTML standard, it is listed as obsolete in the current one, and you should not use it on a new page. It is still worth understanding — partly because it still works in every browser, partly because the CSS replacement teaches you something useful.” .
1.Use static textexercise · easy · 10 min
Show the announcement as an ordinary paragraph.
Passes when: Show the announcement as an ordinary paragraph.
2.Mark it as an alertexercise · easy · 10 min · practice plan
Give the announcement a live region role.
Passes when: Give the announcement a live region role.
3.Put it in a bannerexercise · easy · 10 min · practice plan
Wrap the notice in a header region.
Passes when: Wrap the notice in a header region.
4.A dismissible noticeexercise · easy · 10 min · practice plan
Add a notice with a close button.
Passes when: Add a notice with a close button.
5.An accessible announcementexercise · medium · 10 min · practice plan
Build a live-region notice with a dismiss button.
Passes when: Build a live-region notice with a dismiss button.
6.Fix the marquee elementbug fix · easy · 8 min
marquee is obsolete and hostile to readers.
Passes when: marquee is obsolete and hostile to readers.
7.Fix the announcement with no rolebug fix · easy · 8 min · practice plan
A changing notice should be a live region.
Passes when: A changing notice should be a live region.
8.Fix the notice outside the bannerbug fix · easy · 8 min · practice plan
The announcement belongs in the header.
Passes when: The announcement belongs in the header.
9.Fix the notice that cannot be dismissedbug fix · easy · 8 min · practice plan
Give the reader a way to close it.
Passes when: Give the reader a way to close it.
10.Fix the scrolling bannerbug fix · easy · 8 min · practice plan
Replace the marquee with a static live region.
Passes when: Replace the marquee with a static live region.
Between them these tasks cover Deprecated animation, Static alternatives and Motion.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.