← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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