← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

  1. <p>
  2. True
  3. <!DOCTYPE html>
  4. on the browser tab
  5. Space Facts
  6. My Hobbies
  7. <!DOCTYPE html>
  8. </html>
  9. True
  10. in the body
  11. <table>
  12. Space Facts
  13. True
  14. Space Facts
  15. in the head
  16. All about me
  17. in the body
  18. Welcome!
  19. the body
  20. in the head
  21. in the body
  22. <html>
  23. <img>
  24. <!DOCTYPE html>
  25. <html>
  26. <h1>
  27. <style>
  28. in the head
  29. Easy snacks
  30. False
  31. Welcome!
  32. in the body
  33. False
  34. Art Gallery
  35. False
  36. Easy snacks
  37. <!DOCTYPE html>
  38. My drawings
  39. Space Facts
  40. Easy snacks

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