← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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