HTML Worksheet: Semantic Tags

HTML and CSS lesson 23: Semantic tags · Set 300 · 40 questions

Code tip (Say what it is): Top to bottom: <header> → <nav> → <main> → <footer>. <article> = a post or story; <aside> = a side box of extra notes. <div> and <span> are not semantic — they say nothing about meaning.

1. 1.True or false: <main> holds the main content. (a) False (b) True
2. 2.🧭 Is <article> semantic or not semantic? (a) not semantic (b) semantic
3. 3.🧭 Why use <nav> instead of <div> for a menu? (a) it makes text red (b) it loads faster (c) it adds pictures (d) it tells its meaning
4. 4.🧭 Is <footer> semantic or not semantic? (a) not semantic (b) semantic
5. 5.🧭 Is <nav> semantic or not semantic? (a) semantic (b) not semantic
6. 6.🧭 Which semantic tag holds a news story? (a) <main> (b) <header> (c) <aside> (d) <article>
7. 7.Which of these is true of <main>? (a) helps you move around (b) holds extra side notes (c) is the page’s key part (d) holds a side box of tips
8. 8.🧭 How many <main> parts should a page have? (a) ten (b) one (c) three (d) none
9. 9.🧭 Which semantic tag holds the main content? (a) <footer> (b) <nav> (c) <main> (d) <article>
10. 10.🔢 On a typical page, from top to bottom, which comes first: “<header>” or “<main>”? (a) <main> (b) <header>
11. 11.Which of these is true of <aside>? (a) holds a side box of tips (b) holds a news story (c) sits at the bottom (d) holds the main content
12. 12.True or false: <nav> holds the menu of links. (a) True (b) False
13. 13.🧭 Which semantic tag is the page’s key part? (a) <main> (b) <article> (c) <aside> (d) <header>
14. 14.🧭 Who is helped most by semantic tags? (a) only the printer (b) screen-reader users (c) nobody (d) only the server
15. 15.🧭 Is <span> semantic or not semantic? (a) not semantic (b) semantic
16. 16.True or false: <footer> holds the menu of links. (a) False (b) True
17. 17.🧭 Which semantic tag sits at the very top? (a) <article> (b) <aside> (c) <header> (d) <footer>
18. 18.🔢 On a typical page, from top to bottom, which comes first: “<main>” or “<nav>”? (a) <main> (b) <nav>
19. 19.Which of these is true of <nav>? (a) is the page’s key part (b) sits at the very top (c) holds a side box of tips (d) helps you move around
20. 20.🧭 Which semantic tag helps you move around? (a) <aside> (b) <footer> (c) <article> (d) <nav>
21. 21.🧭 Which semantic tag holds the menu of links? (a) <main> (b) <article> (c) <footer> (d) <nav>
22. 22.🔢 On a typical page, from top to bottom, what comes right after “<header>”? (a) <nav> (b) <footer> (c) <main>
23. 23.Which of these is true of <header>? (a) holds a side box of tips (b) holds the main content (c) sits at the very top (d) holds a news story
24. 24.🔢 On a typical page, from top to bottom, what comes right after “<main>”? (a) <nav> (b) <footer> (c) <header>
25. 25.🔢 On a typical page, from top to bottom, which comes first: “<header>” or “<footer>”? (a) <header> (b) <footer>
26. 26.🧭 Which semantic tag holds copyright notes? (a) <header> (b) <aside> (c) <footer> (d) <article>
27. 27.Which of these is true of <main>? (a) holds the logo and title (b) holds one blog post (c) holds the main content (d) sits at the very top
28. 28.🔢 On a typical page, from top to bottom, which comes first: “<footer>” or “<header>”? (a) <footer> (b) <header>
29. 29.🧭 Which semantic tag holds a side box of tips? (a) <nav> (b) <aside> (c) <article> (d) <header>
30. 30.Which of these is true of <footer>? (a) holds a side box of tips (b) holds a news story (c) holds one blog post (d) holds copyright notes
31. 31.True or false: <article> holds one blog post. (a) True (b) False
32. 32.🔢 On a typical page, from top to bottom, which comes first: “<nav>” or “<header>”? (a) <header> (b) <nav>
33. 33.🧭 Which semantic tag holds one blog post? (a) <footer> (b) <nav> (c) <article> (d) <header>
34. 34.Which of these is true of <header>? (a) holds a side box of tips (b) holds one blog post (c) helps you move around (d) holds the logo and title
35. 35.True or false: <nav> holds the logo and title. (a) False (b) True
36. 36.True or false: <nav> helps you move around. (a) False (b) True
37. 37.🔢 On a typical page, from top to bottom, which comes FIRST? (a) <main> (b) <footer> (c) <header> (d) <nav>
38. 38.🧭 Which semantic tag holds extra side notes? (a) <aside> (b) <main> (c) <footer> (d) <header>
39. 39.Which of these is true of <nav>? (a) sits at the bottom (b) holds the menu of links (c) is the page’s key part (d) holds the main content
40. 40.Which of these is true of <article>? (a) holds the logo and title (b) holds the main content (c) holds one blog post (d) holds the menu of links

Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids