HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 928 · 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 heading shows the SMALLEST text: <h3>, <h1>, <h2> or <h5>? (a) <h1> (b) <h3> (c) <h5> (d) <h2>
2. 2.📄 Can HTML on its own make headings? (a) No (b) Yes
3. 3.📋 What number does the browser show next to “Orange”?
   <ol start="8">
     <li>Mango</li>
     <li>Grapes</li>
     <li>Papaya</li>
     <li>Orange</li>
   </ol>
4. 4.🔗 Which address opens when you click this link?
   <a href="art.html">Art corner</a> (a) quiz.html (b) news.html (c) art.html (d) Art corner
5. 5.💬 Which text will NOT show on the page?
   <p>Cricket is fun.</p>
   <p>The red kite</p>
   <!-- <p>Our school trip</p> --> (a) Our school trip (b) Cricket is fun. (c) The red kite
6. 6.🔠 Which heading shows the BIGGEST text: <h5>, <h2>, <h1> or <h4>? (a) <h2> (b) <h5> (c) <h1> (d) <h4>
7. 7.🧩 An opening tag + content + a closing tag together make an ___. (a) editor (b) address (c) element (d) attribute
8. 8.True or false: a web server saves our .html files. (a) False (b) True
9. 9.📝 On how many lines does the browser show this paragraph?
   <p>Kites fly high<br>Rivers flow<br>Sky is blue<br>Roses are red</p>
10. 10.📝 How many paragraphs does this code make?
    <p>Rain today</p>
    <h2>Our school trip</h2>
    <p>Fun facts</p>
    <h2>Cricket is fun.</h2>
    <p>I love mangoes.</p>
    <p>I love mangoes.</p>
11. 11.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="250"> (a) A red kite (b) cake.jpg (c) kite.png (d) map.png
12. 12.🔠 Which heading shows the BIGGEST text: <h4>, <h6>, <h1> or <h5>? (a) <h1> (b) <h4> (c) <h5> (d) <h6>
13. 13.True or false: a web server answers page requests. (a) False (b) True
14. 14.📋 Which list tag is an ordered list? (a) <ul> (b) <li> (c) <ol>
15. 15.🔍 Which is the odd one out? (a) saves our .html files (b) shows line numbers (c) sends pages over the net (d) colours code to help us
16. 16.True or false: <ol> shows 1, 2, 3 numbers. (a) True (b) False
17. 17.🏷️ Is <b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
18. 18.📋 Which list shows the steps of a recipe best? (a) <ol> (b) <hr> (c) <br> (d) <ul>
19. 19.True or false: <ul> goes in the head. (a) True (b) False
20. 20.🌐 Which one saves our .html files? (a) a web server (b) a web browser (c) a code editor
21. 21.💬 How many paragraphs show on the page?
    <p>Hello, world!</p>
    <p>Rain today</p>
    <!-- <p>Cricket is fun.</p> -->
    <!-- <p>Good morning!</p> -->
    <p>The red kite</p>
22. 22.True or false: <input> has a closing tag. (a) False (b) True
23. 23.🖼️ Which picture file does the browser load?
    <img src="moon.png" alt="The full moon" width="350"> (a) bus.jpg (b) fort.jpg (c) The full moon (d) moon.png
24. 24.🔠 Which heading shows the BIGGEST text: <h3>, <h1>, <h5> or <h2>? (a) <h5> (b) <h2> (c) <h3> (d) <h1>
25. 25.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <h2>The red kite</h2>
    <h2>Fun facts</h2>
    <p>Fun facts</p>
    <p>I love mangoes.</p>
26. 26.🔠 Which heading shows the BIGGEST text: <h5>, <h4>, <h6> or <h3>? (a) <h5> (b) <h6> (c) <h3> (d) <h4>
27. 27.🔠 Which heading shows the SMALLEST text: <h4>, <h1>, <h6> or <h2>? (a) <h2> (b) <h4> (c) <h6> (d) <h1>
28. 28.🔗 Which address opens when you click this link?
    <a href="about.html">Visit the site</a> (a) https://example.com (b) contact.html (c) Visit the site (d) about.html
29. 29.📋 Which list tag goes inside ul or ol? (a) <ol> (b) <ul> (c) <li>
30. 30.🏷️ Which is the closing tag for <h3>? (a) <h3> (b) <\h3> (c) <h3/> (d) </h3>
31. 31.🔍 One closing tag is missing. Which one?
    <h3>Hello, world!
    <b>The red kite</b>
    <u>My best friend</u> (a) </u> (b) </em> (c) </h3> (d) </b>
32. 32.📄 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>We won by 5 runs.</p>
    </body>
    </html> (a) All about me (b) Art Gallery (c) index.html (d) We won by 5 runs.
33. 33.📄 Which part holds everything you see on the page? (a) the doctype (b) the head (c) the body (d) the title
34. 34.Which of these is true of a code editor? (a) is where we type code (b) stores a website’s files (c) turns HTML into a page (d) answers page requests
35. 35.🌐 Which one is where we type code? (a) a code editor (b) a web browser (c) a web server
36. 36.💬 Which text will NOT show on the page?
    <p>The red kite</p>
    <p>Hello, world!</p>
    <!-- <p>I love mangoes.</p> -->
    <p>My best friend</p> (a) The red kite (b) Hello, world! (c) My best friend (d) I love mangoes.
37. 37.📋 Does this list show bullets or numbers?
    <ul>
      <li>Papaya</li>
      <li>Jamun</li>
    </ul> (a) numbers (b) bullets
38. 38.🔠 Which heading shows the BIGGEST text: <h5>, <h4>, <h6> or <h2>? (a) <h2> (b) <h4> (c) <h5> (d) <h6>
39. 39.🔗 Where does this link open?
    <a href="news.html">About us</a> (a) in the same tab (b) in a new tab
40. 40.📋 What number does the browser show next to “Mango”?
    <ol>
      <li>Orange</li>
      <li>Grapes</li>
      <li>Mango</li>
      <li>Litchi</li>
    </ol>

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