← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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