← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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