HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 465 · 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.🔗 Which address opens when you click this link?
   <a href="art.html">Take the quiz</a> (a) quiz.html (b) art.html (c) Take the quiz (d) news.html
2. 2.💬 Which text will NOT show on the page?
   <p>My best friend</p>
   <!-- <p>Cricket is fun.</p> -->
   <p>My pets</p>
   <p>Fun facts</p> (a) Cricket is fun. (b) My best friend (c) Fun facts (d) My pets
3. 3.🌍 Which program shows a web page to us? (a) a calculator (b) a music player (c) a web browser (d) a paint program
4. 4.📋 Which list tag lists steps in order? (a) <ol> (b) <li> (c) <ul>
5. 5.🖼️ How many pixels wide is the picture drawn?
   <img src="bus.jpg" alt="Our school bus" width="350">
6. 6.📋 Does this list show bullets or numbers?
   <ul>
     <li>Jamun</li>
     <li>Banana</li>
     <li>Mango</li>
   </ul> (a) bullets (b) numbers
7. 7.📋 Which list tag shows 1, 2, 3 numbers? (a) <li> (b) <ol> (c) <ul>
8. 8.🏷️ Which is the closing tag for <i>? (a) </i> (b) <i/> (c) <i> (d) <\i>
9. 9.📝 How many paragraphs does this code make?
   <p>The red kite</p>
   <p>Hello, world!</p>
   <p>The red kite</p>
   <p>Hello, world!</p>
   <h2>The red kite</h2>
10. 10.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <p>Rain today</p>
    <h4>My pets</h4>
    <h4>Good morning!</h4>
11. 11.True or false: <link rel="stylesheet"> goes in the body. (a) True (b) False
12. 12.📋 How many items does this list show?
    <ul>
      <li>Guava</li>
      <li>Papaya</li>
    </ul>
13. 13.🖼️ Why do we add alt text to an image? (a) to colour it (b) to load it faster (c) to describe the image (d) to make it bigger
14. 14.True or false: <ul> lists things in any order. (a) True (b) False
15. 15.🔗 Which address opens when you click this link?
    <a href="news.html">Play games</a> (a) games.html (b) quiz.html (c) Play games (d) news.html
16. 16.🔠 How many headings are in this code?
    <h1>The red kite</h1>
    <h2>Fun facts</h2>
    <h3>I love mangoes.</h3>
17. 17.🔠 Which heading shows the SMALLEST text: <h1>, <h2>, <h4> or <h6>? (a) <h2> (b) <h6> (c) <h4> (d) <h1>
18. 18.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>My drawings</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) index.html (b) My drawings (c) Try this poha. (d) My Hobbies
19. 19.Which of these goes in the head? (a) <table> (b) <style> (c) <h1> (d) <ul>
20. 20.🏷️ HTML marks up text using ___. (a) wires (b) tags (c) keys (d) pixels
21. 21.🔗 Where does this link open?
    <a href="https://example.com" target="_blank">Take the quiz</a> (a) in a new tab (b) in the same tab
22. 22.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h6> or <h3>? (a) <h1> (b) <h6> (c) <h3> (d) <h2>
23. 23.🌐 Which one opens web pages for us? (a) a web server (b) a code editor (c) a web browser
24. 24.True or false: HTML on its own can pick a random number. (a) False (b) True
25. 25.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="400"> (a) width (b) tiger.jpg (c) A red kite (d) A tiger asleep
26. 26.🔠 How many headings are in this code?
    <h1>Good morning!</h1>
    <p>Hello, world!</p>
    <h3>The red kite</h3>
    <h2>Rain today</h2>
    <h2>Good morning!</h2>
27. 27.🔠 Which heading shows the BIGGEST text: <h1>, <h6>, <h4> or <h2>? (a) <h6> (b) <h1> (c) <h4> (d) <h2>
28. 28.🔗 Which address opens when you click this link?
    <a href="art.html">School news</a> (a) news.html (b) quiz.html (c) School news (d) art.html
29. 29.🏷️ What does a closing tag have that an opening tag does not? (a) a hash # (b) a dollar $ (c) a slash / (d) a dot .
30. 30.🔗 What does target="_blank" do to a link? (a) makes it blank (b) hides the link (c) opens it in a new tab (d) makes it bold
31. 31.Which of these is a closing tag? (a) <title> (b) <p> (c) <b> (d) </body>
32. 32.💬 Which text will NOT show on the page?
    <p>Cricket is fun.</p>
    <p>Good morning!</p>
    <!-- <p>The red kite</p> -->
    <p>Our school trip</p> (a) The red kite (b) Our school trip (c) Cricket is fun. (d) Good morning!
33. 33.True or false: <ul> shows bullet points. (a) True (b) False
34. 34.Which of these is true of a web browser? (a) is where we type code (b) stores a website’s files (c) saves our .html files (d) opens web pages for us
35. 35.🏷️ Is </b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
36. 36.📋 Does this list show bullets or numbers?
    <ol>
      <li>Guava</li>
      <li>Mango</li>
    </ol> (a) bullets (b) numbers
37. 37.🧩 An opening tag + content + a closing tag together make an ___. (a) attribute (b) element (c) address (d) editor
38. 38.🔠 Which heading shows the SMALLEST text: <h3>, <h2>, <h4> or <h1>? (a) <h3> (b) <h1> (c) <h4> (d) <h2>
39. 39.🏷️ Is <p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
40. 40.True or false: a web browser has an address bar. (a) False (b) True

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