← Semantic tags lesson New set →

HTML Worksheet: Semantic Tags

HTML and CSS lesson 23: Semantic tags · Set 139 · 40 questions
TalentJR

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.

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

Answer key

  1. False
  2. True
  3. helps you move around
  4. holds one blog post
  5. holds the menu of links
  6. screen-reader users
  7. it tells its meaning
  8. False
  9. semantic
  10. <aside>
  11. <main>
  12. holds the main content
  13. False
  14. <footer>
  15. True
  16. semantic
  17. not semantic
  18. False
  19. holds copyright notes
  20. <article>
  21. True
  22. False
  23. is the page’s key part
  24. semantic
  25. one
  26. semantic
  27. semantic
  28. True
  29. <nav>
  30. not semantic
  31. <nav>
  32. <main>
  33. <header>
  34. <main>
  35. sits at the bottom
  36. <nav>
  37. <header>
  38. semantic
  39. False
  40. True

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