HTML Worksheet: Semantic Tags

HTML and CSS lesson 23: Semantic tags · Set 326 · 40 questions

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.

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

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