HTML Worksheet: Semantic Tags

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