← Semantic tags lesson New set →

HTML Worksheet: Semantic Tags

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

Answer key

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

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