← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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