← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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