← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 982 · 40 questions
TalentJR

Code tip (Read the code like a browser): Find the topic of the question: tags, headings, lists, links, images, structure or comments. Read the code line by line, the way a browser would. Count carefully: tags opened and closed, items, lines, paragraphs.

NameDateTime takenScore ___ / 40
  1. 1.🏷️ Is <p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
  2. 2.📝 What does <hr> draw? (a) a link (b) a picture (c) a table (d) a line across the page
  3. 3.🧩 An opening tag + content + a closing tag together make an ___. (a) attribute (b) element (c) address (d) editor
  4. 4.💬 How many paragraphs show on the page?
    <p>Rain today</p>
    <p>I love mangoes.</p>
    <!-- <p>Fun facts</p> -->
  5. 5.📋 Does this list show bullets or numbers?
    <ul>
      <li>Guava</li>
      <li>Jamun</li>
      <li>Banana</li>
    </ul>     (a) numbers (b) bullets
  6. 6.📄 Can HTML on its own make links to pages? (a) Yes (b) No
  7. 7.🔠 Which heading shows the SMALLEST text: <h5>, <h1>, <h4> or <h3>? (a) <h4> (b) <h5> (c) <h3> (d) <h1>
  8. 8.📝 Does <p> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
  9. 9.📄 Where does <style> go: in the head or in the body? (a) in the head (b) in the body
  10. 10.🖼️ Does <img> need a closing tag? (a) No (b) Yes
  11. 11.📝 How many paragraphs does this code make?
    <p>Our school trip</p>
    <p>I love mangoes.</p>
    <p>Hello, world!</p>
  12. 12.🖼️ Which picture file does the browser load?
    <img src="fort.jpg" alt="An old fort" width="350">     (a) kite.png (b) An old fort (c) fort.jpg (d) tiger.jpg
  13. 13.True or false: <ul> goes inside ul or ol. (a) True (b) False
  14. 14.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="50">     (a) moon.png (b) width (c) The full moon (d) Our school bus
  15. 15.🏷️ Which is the closing tag for <b>? (a) <b> (b) <b/> (c) </b> (d) <\b>
  16. 16.💬 How many paragraphs show on the page?
    <!-- <p>My pets</p> -->
    <!-- <p>Cricket is fun.</p> -->
    <!-- <p>My best friend</p> -->
    <!-- <p>Hello, world!</p> -->
    <p>Our school trip</p>
  17. 17.🔍 Which is the odd one out? (a) shows line numbers (b) opens web pages for us (c) has an address bar (d) shows pages from the web
  18. 18.True or false: <meta charset="utf-8"> goes in the body. (a) False (b) True
  19. 19.True or false: <title> has a closing tag. (a) False (b) True
  20. 20.📋 Which list tag is an unordered list? (a) <li> (b) <ul> (c) <ol>
  21. 21.💬 Which text will NOT show on the page?
    <!-- <p>The red kite</p> -->
    <p>I love mangoes.</p>
    <p>My pets</p>
    <p>Rain today</p>     (a) The red kite (b) My pets (c) Rain today (d) I love mangoes.
  22. 22.🖼️ How many pixels wide is the picture drawn?
    <img src="kite.png" alt="A red kite" width="100">
  23. 23.Which of these is a closing tag? (a) <title> (b) </body> (c) <h1> (d) <p>
  24. 24.🔍 One closing tag is missing. Which one?
    <u>Cricket is fun.</u>
    <h1>My pets</h1>
    <i>Hello, world!     (a) </small> (b) </i> (c) </h1> (d) </u>
  25. 25.🔠 Which heading shows the BIGGEST text: <h5>, <h1>, <h3> or <h2>? (a) <h2> (b) <h5> (c) <h1> (d) <h3>
  26. 26.🔍 One closing tag is missing. Which one?
    <b>Our school trip</b>
    <h2>Fun facts</h2>
    <h3>Rain today     (a) </h2> (b) </b> (c) </em> (d) </h3>
  27. 27.💬 How many paragraphs show on the page?
    <!-- <p>My pets</p> -->
    <!-- <p>Cricket is fun.</p> -->
    <p>My best friend</p>
    <!-- <p>Fun facts</p> -->
  28. 28.💬 How many paragraphs show on the page?
    <p>I love mangoes.</p>
    <p>Cricket is fun.</p>
    <!-- <p>My best friend</p> -->
  29. 29.🔗 What does HyperText mean? (a) text in colour (b) secret text (c) very big text (d) text with links
  30. 30.📋 Does this list show bullets or numbers?
    <ol>
      <li>Guava</li>
      <li>Mango</li>
    </ol>     (a) bullets (b) numbers
  31. 31.🔠 Which heading shows the BIGGEST text: <h1>, <h4>, <h2> or <h6>? (a) <h4> (b) <h6> (c) <h2> (d) <h1>
  32. 32.💬 Which text will NOT show on the page?
    <!-- <p>Fun facts</p> -->
    <p>My pets</p>
    <p>Our school trip</p>     (a) My pets (b) Our school trip (c) Fun facts
  33. 33.🔤 In “HTML”, what does the L stand for? (a) Laptop (b) Link (c) Language (d) Line
  34. 34.📋 What number does the browser show next to “Grapes”?
    <ol>
      <li>Papaya</li>
      <li>Banana</li>
      <li>Grapes</li>
    </ol>
  35. 35.Which of these is a closing tag? (a) <h1> (b) <b> (c) </title> (d) <p>
  36. 36.🌐 Which one shows line numbers? (a) a web browser (b) a web server (c) a code editor
  37. 37.📋 Which tag goes around each item of a list? (a) <li> (b) <p> (c) <ul> (d) <ol>
  38. 38.📋 Does this list show bullets or numbers?
    <ul>
      <li>Jamun</li>
      <li>Mango</li>
      <li>Orange</li>
    </ul>     (a) bullets (b) numbers
  39. 39.🌐 Which one hosts websites online? (a) a code editor (b) a web browser (c) a web server
  40. 40.📝 How many paragraphs does this code make?
    <p>My best friend</p>
    <h2>Fun facts</h2>
    <p>Rain today</p>
    <h2>Our school trip</h2>

Answer key

  1. an opening tag
  2. a line across the page
  3. element
  4. 2
  5. bullets
  6. Yes
  7. <h5>
  8. has a closing tag
  9. in the head
  10. No
  11. 3
  12. fort.jpg
  13. False
  14. The full moon
  15. </b>
  16. 1
  17. shows line numbers
  18. False
  19. True
  20. <ul>
  21. The red kite
  22. 100
  23. </body>
  24. </i>
  25. <h1>
  26. </h3>
  27. 1
  28. 2
  29. text with links
  30. numbers
  31. <h1>
  32. Fun facts
  33. Language
  34. 3
  35. </title>
  36. a code editor
  37. <li>
  38. bullets
  39. a web server
  40. 2

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