HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 625 · 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.📋 Does this list show bullets or numbers?
   <ul>
     <li>Orange</li>
     <li>Guava</li>
   </ul> (a) bullets (b) numbers
2. 2.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="bus.jpg" alt="Our school bus" width="200"> (a) width (b) bus.jpg (c) An old fort (d) Our school bus
3. 3.📄 Can HTML on its own make tables? (a) No (b) Yes
4. 4.💬 How does an HTML comment end? (a) */ (b) >> (c) --> (d) //
5. 5.🏷️ Is <body> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
6. 6.🌐 Which one is where we type code? (a) a code editor (b) a web browser (c) a web server
7. 7.🔠 Which tag is used for the main title on a page? (a) <h1> (b) <p> (c) <br> (d) <h6>
8. 8.True or false: in <img>, height sets how wide it is. (a) True (b) False
9. 9.🔍 Which is the odd one out? (a) is where we type code (b) saves our .html files (c) sends pages over the net (d) colours code to help us
10. 10.🖼️ Which picture file does the browser load?
    <img src="cake.jpg" alt="Birthday cake" width="200"> (a) moon.png (b) cake.jpg (c) dog.jpg (d) Birthday cake
11. 11.🔍 Which is the odd one out? (a) shows pages from the web (b) turns HTML into a page (c) has an address bar (d) colours code to help us
12. 12.🔍 Which line is missing its closing tag?
    line 1: <h2>Fun facts
    line 2: <h3>Cricket is fun.</h3>
    line 3: <strong>My best friend</strong> (a) line 3 (b) line 1 (c) line 2
13. 13.🔠 Which heading shows the SMALLEST text: <h2>, <h3>, <h6> or <h5>? (a) <h2> (b) <h5> (c) <h6> (d) <h3>
14. 14.🔍 One closing tag is missing. Which one?
    <i>Fun facts</i>
    <h2>My best friend</h2>
    <h3>My pets (a) </h2> (b) </h1> (c) </i> (d) </h3>
15. 15.📋 Which list shows the steps of a recipe best? (a) <hr> (b) <ol> (c) <br> (d) <ul>
16. 16.True or false: HTML on its own cannot show paragraphs. (a) True (b) False
17. 17.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>Good morning!</p>
    <h3>I love mangoes.</h3>
18. 18.💬 Which text will NOT show on the page?
    <p>My best friend</p>
    <!-- <p>Fun facts</p> -->
    <p>Rain today</p> (a) Rain today (b) My best friend (c) Fun facts
19. 19.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
20. 20.🖼️ Which picture file does the browser load?
    <img src="tiger.jpg" alt="A tiger asleep" width="150"> (a) A tiger asleep (b) kite.png (c) tiger.jpg (d) map.png
21. 21.Which of these has a closing tag? (a) <img> (b) <br> (c) <ul> (d) <input>
22. 22.🔗 What does target="_blank" do to a link? (a) hides the link (b) opens it in a new tab (c) makes it bold (d) makes it blank
23. 23.📋 How many items does this list show?
    <ol>
      <li>Mango</li>
      <li>Guava</li>
    </ol>
24. 24.📝 What does <br> do? (a) adds a picture (b) makes a list (c) makes text bold (d) starts a new line
25. 25.💬 Does the browser show comments on the page? (a) Yes (b) No
26. 26.📄 What is the first line of an HTML5 page? (a) <html> (b) <body> (c) <!DOCTYPE html> (d) <head>
27. 27.🔍 Which line is missing its closing tag?
    line 1: <em>Hello, world!</em>
    line 2: <small>The red kite</small>
    line 3: <h1>My pets (a) line 2 (b) line 3 (c) line 1
28. 28.💬 Which text will NOT show on the page?
    <p>Cricket is fun.</p>
    <p>Good morning!</p>
    <p>Our school trip</p>
    <!-- <p>I love mangoes.</p> --> (a) Our school trip (b) Cricket is fun. (c) I love mangoes. (d) Good morning!
29. 29.🔍 Which is the odd one out? (a) colours code to help us (b) shows line numbers (c) shows pages from the web (d) saves our .html files
30. 30.🔠 Which heading shows the SMALLEST text: <h4>, <h2>, <h1> or <h6>? (a) <h1> (b) <h2> (c) <h4> (d) <h6>
31. 31.🔍 Which line is missing its closing tag?
    line 1: <h3>The red kite</h3>
    line 2: <strong>Fun facts
    line 3: <h1>Rain today</h1> (a) line 1 (b) line 3 (c) line 2
32. 32.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <h2>The red kite</h2>
    <p>Cricket is fun.</p>
    <h2>My pets</h2>
    <p>Rain today</p>
33. 33.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <meta charset="utf-8"> (c) <table> (d) <style>
34. 34.🖼️ Which picture file does the browser load?
    <img src="cake.jpg" alt="Birthday cake" width="300"> (a) moon.png (b) cake.jpg (c) dog.jpg (d) Birthday cake
35. 35.💬 Which text will NOT show on the page?
    <p>Rain today</p>
    <p>My best friend</p>
    <!-- <p>Hello, world!</p> --> (a) Hello, world! (b) Rain today (c) My best friend
36. 36.🔠 Which heading shows the SMALLEST text: <h1>, <h4>, <h3> or <h2>? (a) <h1> (b) <h2> (c) <h4> (d) <h3>
37. 37.True or false: in <img>, src is read by screen readers. (a) False (b) True
38. 38.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <h2>Fun facts</h2>
    <p>Cricket is fun.</p>
    <p>Rain today</p>
39. 39.📋 How many items does this list show?
    <ol>
      <li>Jamun</li>
      <li>Mango</li>
      <li>Grapes</li>
    </ol>
40. 40.🔗 Which words do you click on?
    <a href="news.html">Take the quiz</a> (a) Take the quiz (b) href (c) Play games (d) news.html

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