HTML Worksheet: Semantic Tags

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

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