HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 45 · 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 line is missing its closing tag?
   line 1: <b>The red kite</b>
   line 2: <strong>Fun facts
   line 3: <p>Rain today</p> (a) line 1 (b) line 2 (c) line 3
2. 2.🏷️ Which is the closing tag for <u>? (a) <u/> (b) <u> (c) <\u> (d) </u>
3. 3.📋 Does this list show bullets or numbers?
   <ul>
     <li>Guava</li>
     <li>Mango</li>
   </ul> (a) bullets (b) numbers
4. 4.📋 Which list tag lists things in any order? (a) <ol> (b) <li> (c) <ul>
5. 5.🔍 One closing tag is missing. Which one?
   <u>I love mangoes.</u>
   <i>The red kite
   <h1>My pets</h1> (a) </strong> (b) </h1> (c) </u> (d) </i>
6. 6.Which of these is an empty tag? (a) <br> (b) <title> (c) <p> (d) <h1>
7. 7.📋 Does this list show bullets or numbers?
   <ul>
     <li>Banana</li>
     <li>Guava</li>
     <li>Papaya</li>
   </ul> (a) numbers (b) bullets
8. 8.🔗 Which words do you click on?
   <a href="about.html">Play games</a> (a) href (b) about.html (c) About us (d) Play games
9. 9.📄 Where does <h1> go: in the head or in the body? (a) in the head (b) in the body
10. 10.Which of these has a closing tag? (a) <h1> (b) <br> (c) <hr> (d) <img>
11. 11.🔗 What does target="_blank" do to a link? (a) hides the link (b) makes it bold (c) makes it blank (d) opens it in a new tab
12. 12.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) Space Facts (b) Thanks for visiting. (c) body (d) All about me
13. 13.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
14. 14.📝 Does <title> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
15. 15.🖼️ Which picture file does the browser load?
    <img src="tiger.jpg" alt="A tiger asleep" width="300"> (a) tiger.jpg (b) map.png (c) kite.png (d) A tiger asleep
16. 16.📋 Does this list show bullets or numbers?
    <ul>
      <li>Banana</li>
      <li>Litchi</li>
    </ul> (a) bullets (b) numbers
17. 17.📋 Does this list show bullets or numbers?
    <ol>
      <li>Jamun</li>
      <li>Grapes</li>
      <li>Papaya</li>
    </ol> (a) bullets (b) numbers
18. 18.💬 Which text will NOT show on the page?
    <p>My pets</p>
    <!-- <p>I love mangoes.</p> -->
    <p>The red kite</p>
    <p>Rain today</p> (a) My pets (b) Rain today (c) I love mangoes. (d) The red kite
19. 19.True or false: <ol> is one item of a list. (a) False (b) True
20. 20.🔠 Which heading shows the SMALLEST text: <h6>, <h1>, <h3> or <h4>? (a) <h4> (b) <h1> (c) <h3> (d) <h6>
21. 21.📋 Which tag goes around each item of a list? (a) <ul> (b) <ol> (c) <p> (d) <li>
22. 22.🏷️ HTML marks up text using ___. (a) pixels (b) keys (c) wires (d) tags
23. 23.🖼️ Which tag puts a picture on a page? (a) <p> (b) <pic> (c) <a> (d) <img>
24. 24.True or false: <ol> is an unordered list. (a) False (b) True
25. 25.True or false: a code editor turns HTML into a page. (a) True (b) False
26. 26.🔗 Where does this link open?
    <a href="news.html">School news</a> (a) in the same tab (b) in a new tab
27. 27.📄 Where does <img> go: in the head or in the body? (a) in the body (b) in the head
28. 28.🔍 Which is the odd one out? (a) turns HTML into a page (b) sends pages over the net (c) opens web pages for us (d) has an address bar
29. 29.📄 Which part holds everything you see on the page? (a) the title (b) the head (c) the doctype (d) the body
30. 30.🔍 Which is the odd one out? (a) saves our .html files (b) is where we type code (c) shows pages from the web (d) colours code to help us
31. 31.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="400"> (a) Birthday cake (b) width (c) map.png (d) Map of India
32. 32.🔍 Which line is missing its closing tag?
    line 1: <h1>My pets
    line 2: <h2>My best friend</h2>
    line 3: <b>Rain today</b> (a) line 3 (b) line 2 (c) line 1
33. 33.True or false: HTML on its own can add up two numbers. (a) False (b) True
34. 34.🔍 One closing tag is missing. Which one?
    <h1>My pets</h1>
    <h3>Cricket is fun.
    <i>Good morning!</i> (a) </i> (b) </small> (c) </h1> (d) </h3>
35. 35.Which of these is an opening tag? (a) </p> (b) </b> (c) </h1> (d) <h1>
36. 36.Which of these is an opening tag? (a) </body> (b) <body> (c) </li> (d) </title>
37. 37.💬 How many paragraphs show on the page?
    <p>My pets</p>
    <!-- <p>I love mangoes.</p> -->
    <!-- <p>Hello, world!</p> -->
38. 38.🔠 Which heading shows the BIGGEST text: <h2>, <h1>, <h5> or <h3>? (a) <h3> (b) <h2> (c) <h1> (d) <h5>
39. 39.🔗 Which code links to about.html? (a) <a alt="about.html"> (b) <a href="about.html"> (c) <link about.html> (d) <a src="about.html">
40. 40.📋 What number does the browser show next to “Orange”?
    <ol start="3">
      <li>Papaya</li>
      <li>Banana</li>
      <li>Jamun</li>
      <li>Orange</li>
      <li>Mango</li>
    </ol>

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