← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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