HTML Worksheet: Semantic Tags

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

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