← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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