← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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