HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 482 · 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.📄 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>I like to read.</p>
   </body>
   </html> (a) I like to read. (b) All about me (c) body (d) Space Facts
2. 2.Which of these is an opening tag? (a) </b> (b) </li> (c) </body> (d) <title>
3. 3.🔠 Which heading shows the BIGGEST text: <h2>, <h6>, <h5> or <h3>? (a) <h3> (b) <h6> (c) <h5> (d) <h2>
4. 4.Which of these is true of a web browser? (a) hosts websites online (b) stores a website’s files (c) answers page requests (d) opens web pages for us
5. 5.True or false: in <img>, src sets how wide it is. (a) False (b) True
6. 6.🌐 Which one is where we type code? (a) a code editor (b) a web browser (c) a web server
7. 7.📋 What number does the browser show next to “Papaya”?
   <ol>
     <li>Jamun</li>
     <li>Grapes</li>
     <li>Papaya</li>
     <li>Litchi</li>
   </ol>
8. 8.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="map.png" alt="Map of India" width="50"> (a) width (b) Birthday cake (c) map.png (d) Map of India
9. 9.True or false: HTML on its own can pick a random number. (a) True (b) False
10. 10.🔠 Are headings shown in bold by default? (a) No (b) Yes
11. 11.🔗 Which code links to about.html? (a) <link about.html> (b) <a href="about.html"> (c) <a src="about.html"> (d) <a alt="about.html">
12. 12.🔗 Which words do you click on?
    <a href="art.html">Visit the site</a> (a) href (b) Maths fun (c) art.html (d) Visit the site
13. 13.🏷️ Is <p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
14. 14.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <p>Hello, world!</p>
    <p>I love mangoes.</p>
15. 15.📋 Does this list show bullets or numbers?
    <ul>
      <li>Orange</li>
      <li>Grapes</li>
      <li>Jamun</li>
    </ul> (a) numbers (b) bullets
16. 16.Which of these is a closing tag? (a) <h1> (b) <body> (c) </li> (d) <li>
17. 17.True or false: a web server hosts websites online. (a) False (b) True
18. 18.🔠 Which heading shows the BIGGEST text: <h1>, <h6>, <h5> or <h2>? (a) <h1> (b) <h6> (c) <h5> (d) <h2>
19. 19.True or false: a web server opens web pages for us. (a) True (b) False
20. 20.🔍 One closing tag is missing. Which one?
    <h1>Cricket is fun.
    <strong>I love mangoes.</strong>
    <b>My best friend</b> (a) </strong> (b) </b> (c) </h1> (d) </h2>
21. 21.📋 Does this list show bullets or numbers?
    <ul>
      <li>Orange</li>
      <li>Litchi</li>
      <li>Papaya</li>
    </ul> (a) bullets (b) numbers
22. 22.🔗 Which address opens when you click this link?
    <a href="news.html">Contact us</a> (a) news.html (b) quiz.html (c) Contact us (d) games.html
23. 23.🖼️ How many pixels wide is the picture drawn?
    <img src="cake.jpg" alt="Birthday cake" width="200">
24. 24.💬 How many paragraphs show on the page?
    <p>Cricket is fun.</p>
    <!-- <p>My pets</p> -->
    <!-- <p>Good morning!</p> -->
25. 25.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>My drawings</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) We won by 5 runs. (b) body (c) Riya’s Recipes (d) My drawings
26. 26.🌍 Which program shows a web page to us? (a) a calculator (b) a music player (c) a web browser (d) a paint program
27. 27.🖼️ Which picture file does the browser load?
    <img src="tiger.jpg" alt="A tiger asleep" width="100"> (a) map.png (b) kite.png (c) A tiger asleep (d) tiger.jpg
28. 28.True or false: <h1> goes in the head. (a) False (b) True
29. 29.Which of these has a closing tag? (a) <li> (b) <img> (c) <meta> (d) <br>
30. 30.🔗 Which address opens when you click this link?
    <a href="https://example.com">Art corner</a> (a) https://example.com (b) Art corner (c) maths.html (d) art.html
31. 31.📋 Which tag goes around each item of a list? (a) <li> (b) <p> (c) <ul> (d) <ol>
32. 32.📄 Which part holds everything you see on the page? (a) the title (b) the body (c) the doctype (d) the head
33. 33.📝 On how many lines does the browser show this paragraph?
    <p>Stars shine<br>Sky is blue<br>Roses are red<br>Kites fly high</p>
34. 34.🔢 In a basic web page file, which comes first: “</head>” or “<head>”? (a) <head> (b) </head>
35. 35.Which of these goes in the head? (a) <title> (b) <h1> (c) <img> (d) <ul>
36. 36.💬 How many paragraphs show on the page?
    <p>The red kite</p>
    <!-- <p>I love mangoes.</p> -->
    <p>Good morning!</p>
    <p>Rain today</p>
    <p>My best friend</p>
37. 37.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) body (b) Easy snacks (c) My Hobbies (d) Thanks for visiting.
38. 38.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>I love mangoes.</p>
    <p>Hello, world!</p>
    <p>Hello, world!</p>
    <h3>I love mangoes.</h3>
39. 39.🔍 Which is the odd one out? (a) shows pages from the web (b) has an address bar (c) is where we type code (d) opens web pages for us
40. 40.🔠 How many heading levels does HTML have? (a) 3 (b) 4 (c) 6 (d) 10

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