← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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