← Semantic tags lesson New set →

HTML Worksheet: Semantic Tags

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

Answer key

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

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