HTML Worksheet: Practice Test

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

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.

1. 1.🔠 How many headings are in this code?
   <h1>My best friend</h1>
   <h4>My pets</h4>
   <p>I love mangoes.</p>
   <p>I love mangoes.</p>
   <p>The red kite</p>
2. 2.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Cricket Club</title>
   </head>
   <body>
     <h1>Planets</h1>
     <p>Mars is red.</p>
   </body>
   </html> (a) Mars is red. (b) Cricket Club (c) body (d) Planets
3. 3.📋 Does this list show bullets or numbers?
   <ul>
     <li>Orange</li>
     <li>Banana</li>
   </ul> (a) numbers (b) bullets
4. 4.📋 Which tag goes around each item of a list? (a) <ul> (b) <p> (c) <li> (d) <ol>
5. 5.Which of these is true of a web browser? (a) is where we type code (b) opens web pages for us (c) colours code to help us (d) saves our .html files
6. 6.📋 Does this list show bullets or numbers?
   <ul>
     <li>Papaya</li>
     <li>Jamun</li>
   </ul> (a) numbers (b) bullets
7. 7.Which of these goes in the body? (a) <style> (b) <title> (c) <table> (d) <link rel="stylesheet">
8. 8.🔗 Where does this link open?
   <a href="about.html">Visit the site</a> (a) in the same tab (b) in a new tab
9. 9.True or false: HTML on its own cannot make a form. (a) True (b) False
10. 10.🔠 Which heading shows the BIGGEST text: <h4>, <h6>, <h1> or <h3>? (a) <h1> (b) <h6> (c) <h4> (d) <h3>
11. 11.🔗 Where does this link open?
    <a href="quiz.html">About us</a> (a) in a new tab (b) in the same tab
12. 12.🔍 Which is the odd one out? (a) is where we type code (b) shows pages from the web (c) opens web pages for us (d) has an address bar
13. 13.Which of these is an empty tag? (a) <p> (b) <ul> (c) <h1> (d) <input>
14. 14.True or false: in <img>, width tells which image to load. (a) False (b) True
15. 15.🌐 Which one opens web pages for us? (a) a web server (b) a code editor (c) a web browser
16. 16.🔗 Which address opens when you click this link?
    <a href="contact.html">Visit the site</a> (a) maths.html (b) Visit the site (c) contact.html (d) https://example.com
17. 17.📋 Which list tag is an ordered list? (a) <ol> (b) <li> (c) <ul>
18. 18.Which of these is an opening tag? (a) </b> (b) </h1> (c) </p> (d) <title>
19. 19.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <h2>Rain today</h2>
    <p>Rain today</p>
    <p>Rain today</p>
    <p>Cricket is fun.</p>
    <h2>My best friend</h2>
20. 20.🏷️ Which is the closing tag for <u>? (a) <u/> (b) <\u> (c) </u> (d) <u>
21. 21.🏷️ Which is the closing tag for <small>? (a) <small> (b) </small> (c) <small/> (d) <\small>
22. 22.🖼️ How many pixels wide is the picture drawn?
    <img src="moon.png" alt="The full moon" width="200">
23. 23.💬 How does an HTML comment start? (a) <!-- (b) # (c) /* (d) //
24. 24.🔍 Which line is missing its closing tag?
    line 1: <h1>I love mangoes.
    line 2: <h2>Hello, world!</h2>
    line 3: <strong>My best friend</strong> (a) line 1 (b) line 3 (c) line 2
25. 25.📋 Which list tag shows 1, 2, 3 numbers? (a) <ol> (b) <ul> (c) <li>
26. 26.📄 Where does the text of <title> appear? (a) on the browser tab (b) nowhere (c) at the bottom (d) in a big heading
27. 27.Which of these has a closing tag? (a) <title> (b) <img> (c) <meta> (d) <input>
28. 28.📄 Where does <table> go: in the head or in the body? (a) in the body (b) in the head
29. 29.🔠 Which tag is the least important heading? (a) <h1> (b) <h6> (c) <h3> (d) <p>
30. 30.🏷️ Is <title> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
31. 31.🔠 How many headings are in this code?
    <h1>The red kite</h1>
    <p>Cricket is fun.</p>
    <p>Fun facts</p>
    <h4>Our school trip</h4>
32. 32.🔠 Which heading shows the BIGGEST text: <h6>, <h2>, <h1> or <h3>? (a) <h2> (b) <h3> (c) <h6> (d) <h1>
33. 33.🏷️ Is <h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
34. 34.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ul> (c) <hr> (d) <ol>
35. 35.📋 How many items does this list show?
    <ul>
      <li>Grapes</li>
      <li>Orange</li>
      <li>Guava</li>
      <li>Jamun</li>
      <li>Mango</li>
    </ul>
36. 36.📋 How many items does this list show?
    <ul>
      <li>Jamun</li>
      <li>Banana</li>
      <li>Guava</li>
      <li>Mango</li>
      <li>Papaya</li>
      <li>Orange</li>
    </ul>
37. 37.🔠 Which heading shows the BIGGEST text: <h1>, <h5>, <h4> or <h6>? (a) <h4> (b) <h5> (c) <h6> (d) <h1>
38. 38.Which of these is a closing tag? (a) <body> (b) <h1> (c) <li> (d) </li>
39. 39.Which of these goes in the head? (a) <img> (b) <meta charset="utf-8"> (c) <ul> (d) <h1>
40. 40.🔠 Which heading shows the SMALLEST text: <h2>, <h6>, <h4> or <h1>? (a) <h6> (b) <h2> (c) <h4> (d) <h1>

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