HTML Worksheet: Semantic Tags

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

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