← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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