← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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