← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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