Mark HTML as an abbreviation with its expansion.
Acceptance criteria
- 1.Mark HTML as an abbreviation with its expansion.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <abbr> 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 in HTML defines an abbreviation or acronym , such as “HTML,” “CSS,” or “NASA.” When a user hovers over the abbreviation, the browser displays the full form (if provided using the title attribute). This helps improve accessibility , readability , and SEO by clarifying shortened terms.” .
1.Expand an abbreviationexercise · easy · 10 min
Mark HTML as an abbreviation with its expansion.
Passes when: Mark HTML as an abbreviation with its expansion.
2.Abbreviate a standardexercise · easy · 10 min · practice plan
Mark CSS with its full name.
Passes when: Mark CSS with its full name.
3.An acronym in a listexercise · easy · 10 min · practice plan
Put an abbreviation inside a list item.
Passes when: Put an abbreviation inside a list item.
4.Two abbreviationsexercise · easy · 10 min · practice plan
Mark two abbreviations in one sentence.
Passes when: Mark two abbreviations in one sentence.
5.Abbreviation inside a headingexercise · medium · 10 min · practice plan
Use an abbreviation inside a heading.
Passes when: Use an abbreviation inside a heading.
6.Fix the missing expansionbug fix · easy · 8 min
An abbreviation without a title explains nothing.
Passes when: An abbreviation without a title explains nothing.
7.Fix the expansion in the wrong attributebug fix · easy · 8 min · practice plan
Expansions go in title, not alt.
Passes when: Expansions go in title, not alt.
8.Fix the span used for an acronymbug fix · easy · 8 min · practice plan
Use the abbreviation element.
Passes when: Use the abbreviation element.
9.Fix the missing second abbreviationbug fix · easy · 8 min · practice plan
Both acronyms should be marked.
Passes when: Both acronyms should be marked.
10.Fix the abbreviation outside the headingbug fix · easy · 8 min · practice plan
The acronym belongs inside the heading text.
Passes when: The acronym belongs inside the heading text.
Between them these tasks cover Abbreviations, title attribute and Expansions.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.