← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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