← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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