← Page structure: head and body lesson New set →

HTML Worksheet: Page Structure

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

Answer key

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

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