HTML Worksheet: Semantic Tags

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

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