HTML Worksheet: Semantic Tags

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

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