HTML Worksheet: Semantic Tags

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

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