← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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