← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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