← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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