← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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