← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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