← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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