← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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