← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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