← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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