← Semantic tags lesson New set →

HTML Worksheet: Semantic Tags

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

Answer key

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

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