← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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