← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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