HTML Worksheet: Semantic Tags

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

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