← Semantic tags lesson New set →

HTML Worksheet: Semantic Tags

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

Answer key

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

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