← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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