HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 303 · 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 BIGGEST text: <h2>, <h3>, <h5> or <h4>? (a) <h3> (b) <h2> (c) <h4> (d) <h5>
2. 2.📋 Does this list show bullets or numbers?
   <ul>
     <li>Guava</li>
     <li>Grapes</li>
     <li>Banana</li>
   </ul> (a) bullets (b) numbers
3. 3.🔗 Which address opens when you click this link?
   <a href="quiz.html">Contact us</a> (a) quiz.html (b) about.html (c) Contact us (d) games.html
4. 4.True or false: <ol> shows bullet points. (a) True (b) False
5. 5.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="map.png" alt="Map of India" width="300"> (a) Birthday cake (b) map.png (c) Map of India (d) width
6. 6.📋 How many items does this list show?
   <ol>
     <li>Jamun</li>
     <li>Orange</li>
   </ol>
7. 7.📋 Which list shows the steps of a recipe best? (a) <br> (b) <hr> (c) <ol> (d) <ul>
8. 8.True or false: in <img>, alt shows if the image fails. (a) False (b) True
9. 9.🔠 Which heading shows the BIGGEST text: <h2>, <h4>, <h3> or <h5>? (a) <h2> (b) <h4> (c) <h5> (d) <h3>
10. 10.📝 How many paragraphs does this code make?
    <p>My best friend</p>
    <p>I love mangoes.</p>
    <h2>Good morning!</h2>
    <h2>Our school trip</h2>
    <p>The red kite</p>
    <h2>My best friend</h2>
11. 11.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="250"> (a) width (b) map.png (c) Birthday cake (d) Map of India
12. 12.📄 Can HTML on its own run a game loop? (a) Yes (b) No
13. 13.📋 Which list tag is an ordered list? (a) <ul> (b) <li> (c) <ol>
14. 14.🔠 How many heading levels does HTML have? (a) 10 (b) 4 (c) 3 (d) 6
15. 15.📋 What number does the browser show next to “Jamun”?
    <ol start="3">
      <li>Guava</li>
      <li>Grapes</li>
      <li>Orange</li>
      <li>Banana</li>
      <li>Jamun</li>
    </ol>
16. 16.📝 What do we need to write HTML? (a) a paintbrush (b) a plain text editor (c) a microphone (d) a printer
17. 17.🔠 How many headings are in this code?
    <h1>My best friend</h1>
    <p>Cricket is fun.</p>
    <p>Cricket is fun.</p>
    <h2>My best friend</h2>
18. 18.🔗 What does HyperText mean? (a) very big text (b) text in colour (c) text with links (d) secret text
19. 19.🏷️ What does a closing tag have that an opening tag does not? (a) a dot . (b) a dollar $ (c) a slash / (d) a hash #
20. 20.True or false: in <img>, alt tells which image to load. (a) True (b) False
21. 21.📋 Which list tag goes inside ul or ol? (a) <ol> (b) <li> (c) <ul>
22. 22.🔗 Which address opens when you click this link?
    <a href="games.html">Art corner</a> (a) about.html (b) games.html (c) contact.html (d) Art corner
23. 23.Which of these goes in the head? (a) <title> (b) <h1> (c) <ul> (d) <p>
24. 24.🔍 One closing tag is missing. Which one?
    <h3>Fun facts
    <h2>Cricket is fun.</h2>
    <i>Hello, world!</i> (a) </i> (b) </h2> (c) </u> (d) </h3>
25. 25.🔗 Which tag makes a clickable link? (a) <p> (b) <link> (c) <a> (d) <img>
26. 26.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="kite.png" alt="A red kite" width="200"> (a) width (b) kite.png (c) A red kite (d) Map of India
27. 27.🏷️ Which is the closing tag for <b>? (a) <b> (b) <\b> (c) </b> (d) <b/>
28. 28.🖼️ Which tag puts a picture on a page? (a) <a> (b) <pic> (c) <p> (d) <img>
29. 29.🔠 How many headings are in this code?
    <h1>The red kite</h1>
    <p>My pets</p>
    <p>Hello, world!</p>
30. 30.📋 How many items does this list show?
    <ol>
      <li>Guava</li>
      <li>Grapes</li>
      <li>Jamun</li>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Papaya</li>
    </ol>
31. 31.🔠 Which heading shows the BIGGEST text: <h1>, <h6>, <h5> or <h3>? (a) <h3> (b) <h5> (c) <h1> (d) <h6>
32. 32.Which of these is true of a web server? (a) hosts websites online (b) saves our .html files (c) has an address bar (d) shows line numbers
33. 33.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <p>The red kite</p>
    <p>My best friend</p>
34. 34.True or false: <style> goes in the head. (a) False (b) True
35. 35.Which of these is an opening tag? (a) </body> (b) </title> (c) </h1> (d) <h1>
36. 36.True or false: <li> lists things in any order. (a) True (b) False
37. 37.🔢 In a basic web page file, which comes first: “<head>” or “</head>”? (a) </head> (b) <head>
38. 38.True or false: <ul> goes in the head. (a) True (b) False
39. 39.🔗 Which words do you click on?
    <a href="art.html">About us</a> (a) art.html (b) About us (c) href (d) Contact us
40. 40.🔤 In “HTML”, what does the L stand for? (a) Line (b) Link (c) Language (d) Laptop

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