← Semantic tags lesson New set →

HTML Worksheet: Semantic Tags

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

Answer key

  1. <footer>
  2. <main>
  3. <header>
  4. <aside>
  5. it tells its meaning
  6. one
  7. False
  8. <article>
  9. semantic
  10. True
  11. <header>
  12. holds one blog post
  13. <main>
  14. <aside>
  15. sits at the very top
  16. True
  17. <footer>
  18. not semantic
  19. holds copyright notes
  20. <header>
  21. holds a side box of tips
  22. screen-reader users
  23. False
  24. holds the logo and title
  25. False
  26. True
  27. semantic
  28. semantic
  29. False
  30. semantic
  31. not semantic
  32. semantic
  33. sits at the bottom
  34. True
  35. <header>
  36. helps you move around
  37. True
  38. True
  39. <header>
  40. True

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