← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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