← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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