← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 496 · 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.💬 How many paragraphs show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <p>Rain today</p>
    <!-- <p>I love mangoes.</p> -->
    <p>Fun facts</p>
  2. 2.Which of these is a closing tag? (a) <p> (b) </li> (c) <h1> (d) <title>
  3. 3.🔗 Which tag makes a clickable link? (a) <img> (b) <a> (c) <p> (d) <link>
  4. 4.💬 How many paragraphs show on the page?
    <p>I love mangoes.</p>
    <!-- <p>Cricket is fun.</p> -->
    <p>The red kite</p>
    <!-- <p>Fun facts</p> -->
    <!-- <p>My best friend</p> -->
  5. 5.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <ol> (c) <br> (d) <hr>
  6. 6.True or false: a web server opens web pages for us. (a) True (b) False
  7. 7.🔍 Which line is missing its closing tag?
    line 1: <h3>I love mangoes.</h3>
    line 2: <strong>My best friend</strong>
    line 3: <small>Fun facts     (a) line 2 (b) line 1 (c) line 3
  8. 8.🔠 Which heading shows the SMALLEST text: <h2>, <h6>, <h4> or <h1>? (a) <h2> (b) <h6> (c) <h4> (d) <h1>
  9. 9.True or false: <ul> shows bullet points. (a) True (b) False
  10. 10.💬 Which text will NOT show on the page?
    <!-- <p>My pets</p> -->
    <p>I love mangoes.</p>
    <p>The red kite</p>     (a) My pets (b) The red kite (c) I love mangoes.
  11. 11.📋 What number does the browser show next to “Grapes”?
    <ol>
      <li>Papaya</li>
      <li>Guava</li>
      <li>Litchi</li>
      <li>Grapes</li>
    </ol>
  12. 12.🔢 In a basic web page file, which comes first: “</head>” or “<html>”? (a) </head> (b) <html>
  13. 13.📛 In <a href="x.html">, what is href? (a) an element name (b) an attribute (c) a comment (d) a closing tag
  14. 14.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="dog.jpg" alt="A happy dog" width="50">     (a) dog.jpg (b) width (c) A happy dog (d) The full moon
  15. 15.🔍 One closing tag is missing. Which one?
    <small>My pets</small>
    <i>Cricket is fun.</i>
    <h2>My best friend     (a) </h3> (b) </i> (c) </small> (d) </h2>
  16. 16.📄 Where does <style> go: in the head or in the body? (a) in the body (b) in the head
  17. 17.True or false: <img> is an empty tag. (a) True (b) False
  18. 18.🔗 Which words do you click on?
    <a href="quiz.html">Maths fun</a>     (a) Art corner (b) href (c) quiz.html (d) Maths fun
  19. 19.🏷️ Is </b> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
  20. 20.🧩 An opening tag + content + a closing tag together make an ___. (a) editor (b) attribute (c) address (d) element
  21. 21.🖼️ Which attribute of <img> describes the picture? (a) src (b) width (c) height (d) alt
  22. 22.🖼️ Which attribute of <img> tells which image to load? (a) height (b) src (c) alt (d) width
  23. 23.💬 How many paragraphs show on the page?
    <p>Our school trip</p>
    <p>Rain today</p>
    <!-- <p>Fun facts</p> -->
  24. 24.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
  25. 25.🔍 Which is the odd one out? (a) has an address bar (b) opens web pages for us (c) is where we type code (d) shows pages from the web
  26. 26.📄 Can HTML on its own keep a high score? (a) Yes (b) No
  27. 27.True or false: in <img>, src sets how tall it is. (a) True (b) False
  28. 28.💬 How many paragraphs show on the page?
    <p>Rain today</p>
    <p>I love mangoes.</p>
    <!-- <p>Fun facts</p> -->
  29. 29.📋 What number does the browser show next to “Orange”?
    <ol start="4">
      <li>Papaya</li>
      <li>Jamun</li>
      <li>Orange</li>
    </ol>
  30. 30.🔍 Which is the odd one out? (a) colours code to help us (b) is where we type code (c) hosts websites online (d) saves our .html files
  31. 31.📋 Which tag goes around each item of a list? (a) <ol> (b) <ul> (c) <p> (d) <li>
  32. 32.💬 How many paragraphs show on the page?
    <!-- <p>My pets</p> -->
    <p>Cricket is fun.</p>
    <!-- <p>Hello, world!</p> -->
  33. 33.True or false: a web browser sends pages over the net. (a) False (b) True
  34. 34.📋 Does this list show bullets or numbers?
    <ul>
      <li>Jamun</li>
      <li>Grapes</li>
      <li>Litchi</li>
    </ul>     (a) numbers (b) bullets
  35. 35.True or false: <img> has a closing tag. (a) True (b) False
  36. 36.🔠 How many headings are in this code?
    <h1>The red kite</h1>
    <h3>Hello, world!</h3>
    <p>Hello, world!</p>
    <h2>Good morning!</h2>
  37. 37.📝 Does <li> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
  38. 38.💬 Which text will NOT show on the page?
    <!-- <p>My pets</p> -->
    <p>I love mangoes.</p>
    <p>Good morning!</p>     (a) I love mangoes. (b) Good morning! (c) My pets
  39. 39.🔍 Which is the odd one out? (a) colours code to help us (b) shows line numbers (c) saves our .html files (d) opens web pages for us
  40. 40.Which of these goes in the head? (a) <ul> (b) <p> (c) <a> (d) <style>

Answer key

  1. 2
  2. </li>
  3. <a>
  4. 2
  5. <ol>
  6. False
  7. line 3
  8. <h6>
  9. True
  10. My pets
  11. 4
  12. <html>
  13. an attribute
  14. A happy dog
  15. </h2>
  16. in the head
  17. True
  18. Maths fun
  19. a closing tag
  20. element
  21. alt
  22. src
  23. 2
  24. Yes
  25. is where we type code
  26. No
  27. False
  28. 2
  29. 6
  30. hosts websites online
  31. <li>
  32. 1
  33. False
  34. bullets
  35. False
  36. 3
  37. has a closing tag
  38. My pets
  39. opens web pages for us
  40. <style>

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