← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

HTML and CSS lesson 8: Page structure: head and body · Set 750 · 40 questions
TalentJR

Code tip (Head for the browser, body for you): <!DOCTYPE html> first, then <html> with <head> and <body> inside. The head holds <title> (shown on the browser tab), <meta>, <style> and <link>. The body holds everything you see on the page.

NameDateTime takenScore ___ / 40
  1. 1.Which of these goes in the head? (a) <h1> (b) <ul> (c) <table> (d) <link rel="stylesheet">
  2. 2.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Mars is red.</p>
    </body>
    </html>     (a) Mars is red. (b) index.html (c) Easy snacks (d) Space Facts
  3. 3.True or false: <meta charset="utf-8"> goes in the body. (a) False (b) True
  4. 4.📄 Where does <style> go: in the head or in the body? (a) in the head (b) in the body
  5. 5.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Here is my best one.</p>
    </body>
    </html>     (a) Riya’s Recipes (b) body (c) Welcome! (d) Here is my best one.
  6. 6.📄 Where does <table> go: in the head or in the body? (a) in the head (b) in the body
  7. 7.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Here is my best one.</p>
    </body>
    </html>     (a) body (b) Here is my best one. (c) All about me (d) My Hobbies
  8. 8.True or false: <img> goes in the head. (a) True (b) False
  9. 9.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html>     (a) Thanks for visiting. (b) body (c) Planets (d) Riya’s Recipes
  10. 10.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Here is my best one.</p>
    </body>
    </html>     (a) index.html (b) Easy snacks (c) Here is my best one. (d) Space Facts
  11. 11.True or false: <h1> goes in the body. (a) True (b) False
  12. 12.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html>     (a) Class 7 Blog (b) Thanks for visiting. (c) body (d) Welcome!
  13. 13.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Mars is red.</p>
    </body>
    </html>     (a) Mars is red. (b) Art Gallery (c) Easy snacks (d) body
  14. 14.📄 Where does <title> go: in the head or in the body? (a) in the body (b) in the head
  15. 15.True or false: <link rel="stylesheet"> goes in the head. (a) True (b) False
  16. 16.🔢 In a basic web page file, which comes FIRST? (a) </html> (b) <!DOCTYPE html> (c) <body> (d) <html>
  17. 17.🔢 In a basic web page file, which comes first: “</html>” or “<body>”? (a) </html> (b) <body>
  18. 18.📄 Where does <ul> go: in the head or in the body? (a) in the body (b) in the head
  19. 19.True or false: <table> goes in the head. (a) False (b) True
  20. 20.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html>     (a) Easy snacks (b) We won by 5 runs. (c) My Hobbies (d) body
  21. 21.📄 What is the first line of an HTML5 page? (a) <!DOCTYPE html> (b) <head> (c) <body> (d) <html>
  22. 22.True or false: <title> goes in the head. (a) True (b) False
  23. 23.📄 Where does <img> go: in the head or in the body? (a) in the body (b) in the head
  24. 24.True or false: <style> goes in the head. (a) True (b) False
  25. 25.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>I like to read.</p>
    </body>
    </html>     (a) index.html (b) Welcome! (c) I like to read. (d) Art Gallery
  26. 26.True or false: <style> goes in the body. (a) False (b) True
  27. 27.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Try this poha.</p>
    </body>
    </html>     (a) index.html (b) All about me (c) Try this poha. (d) Cricket Club
  28. 28.True or false: <meta charset="utf-8"> goes in the head. (a) True (b) False
  29. 29.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>I like to read.</p>
    </body>
    </html>     (a) All about me (b) My Hobbies (c) I like to read. (d) index.html
  30. 30.📄 Where does <h1> go: in the head or in the body? (a) in the body (b) in the head
  31. 31.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Here is my best one.</p>
    </body>
    </html>     (a) index.html (b) Welcome! (c) Here is my best one. (d) My Hobbies
  32. 32.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>I like to read.</p>
    </body>
    </html>     (a) index.html (b) Welcome! (c) Class 7 Blog (d) I like to read.
  33. 33.Which of these goes in the head? (a) <style> (b) <table> (c) <h1> (d) <a>
  34. 34.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Mars is red.</p>
    </body>
    </html>     (a) body (b) Mars is red. (c) Planets (d) Cricket Club
  35. 35.🔢 In a basic web page file, which comes LAST? (a) <!DOCTYPE html> (b) <body> (c) </body> (d) </html>
  36. 36.📄 Where does the text of <title> appear? (a) nowhere (b) on the browser tab (c) at the bottom (d) in a big heading
  37. 37.Which of these goes in the head? (a) <p> (b) <h1> (c) <ul> (d) <title>
  38. 38.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the body (b) in the head
  39. 39.📄 Where does <a> go: in the head or in the body? (a) in the head (b) in the body
  40. 40.True or false: <title> goes in the body. (a) False (b) True

Answer key

  1. <link rel="stylesheet">
  2. Space Facts
  3. False
  4. in the head
  5. Welcome!
  6. in the body
  7. All about me
  8. False
  9. Planets
  10. Space Facts
  11. True
  12. Welcome!
  13. Easy snacks
  14. in the head
  15. True
  16. <!DOCTYPE html>
  17. <body>
  18. in the body
  19. False
  20. Easy snacks
  21. <!DOCTYPE html>
  22. True
  23. in the body
  24. True
  25. Art Gallery
  26. False
  27. Cricket Club
  28. True
  29. My Hobbies
  30. in the body
  31. My Hobbies
  32. Class 7 Blog
  33. <style>
  34. Planets
  35. </html>
  36. on the browser tab
  37. <title>
  38. in the head
  39. in the body
  40. False

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