← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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