← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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