← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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