← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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