HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 90 · 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?
   <ol>
     <li>Banana</li>
     <li>Grapes</li>
   </ol> (a) bullets (b) numbers
2. 2.Which of these is a closing tag? (a) </h1> (b) <li> (c) <b> (d) <h1>
3. 3.💬 How many paragraphs show on the page?
   <p>I love mangoes.</p>
   <p>My best friend</p>
   <!-- <p>Good morning!</p> -->
   <p>The red kite</p>
4. 4.True or false: a web server shows line numbers. (a) True (b) False
5. 5.🔠 Which heading shows the SMALLEST text: <h2>, <h3>, <h5> or <h4>? (a) <h3> (b) <h4> (c) <h2> (d) <h5>
6. 6.🔠 How many headings are in this code?
   <h1>Rain today</h1>
   <h2>Fun facts</h2>
   <h4>Cricket is fun.</h4>
   <p>The red kite</p>
   <p>My pets</p>
7. 7.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Class 7 Blog</title>
   </head>
   <body>
     <h1>Match report</h1>
     <p>Mars is red.</p>
   </body>
   </html> (a) Match report (b) Class 7 Blog (c) body (d) Mars is red.
8. 8.📄 Can HTML on its own add pictures to a page? (a) Yes (b) No
9. 9.🏷️ Is </b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
10. 10.🔠 Which heading shows the SMALLEST text: <h4>, <h1>, <h6> or <h2>? (a) <h2> (b) <h4> (c) <h1> (d) <h6>
11. 11.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) Art Gallery (b) Thanks for visiting. (c) Welcome! (d) body
12. 12.🔗 Where does this link open?
    <a href="contact.html">Maths fun</a> (a) in a new tab (b) in the same tab
13. 13.📋 Which list tag shows 1, 2, 3 numbers? (a) <ol> (b) <ul> (c) <li>
14. 14.🌐 Which one stores a website’s files? (a) a web browser (b) a web server (c) a code editor
15. 15.True or false: in <img>, src describes the picture. (a) True (b) False
16. 16.True or false: <table> goes in the head. (a) True (b) False
17. 17.True or false: in <img>, src names the picture file. (a) False (b) True
18. 18.📋 Which list shows the steps of a recipe best? (a) <hr> (b) <ul> (c) <br> (d) <ol>
19. 19.🔗 Which tag makes a clickable link? (a) <a> (b) <img> (c) <p> (d) <link>
20. 20.📝 How many paragraphs does this code make?
    <p>The red kite</p>
    <h2>Good morning!</h2>
    <h2>My best friend</h2>
    <h2>I love mangoes.</h2>
    <p>Rain today</p>
    <p>My best friend</p>
21. 21.True or false: <img> has a closing tag. (a) True (b) False
22. 22.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="dog.jpg" alt="A happy dog" width="100"> (a) dog.jpg (b) The full moon (c) width (d) A happy dog
23. 23.🔗 Where does this link open?
    <a href="about.html">About us</a> (a) in the same tab (b) in a new tab
24. 24.True or false: <ol> is one item of a list. (a) False (b) True
25. 25.📄 Where does the text of <title> appear? (a) in a big heading (b) nowhere (c) on the browser tab (d) at the bottom
26. 26.🔍 Which is the odd one out? (a) stores a website’s files (b) sends pages over the net (c) hosts websites online (d) shows pages from the web
27. 27.📝 Does <title> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
28. 28.🏷️ Is <body> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
29. 29.Which of these is an opening tag? (a) <p> (b) </p> (c) </body> (d) </li>
30. 30.Which of these is true of a web browser? (a) saves our .html files (b) sends pages over the net (c) answers page requests (d) has an address bar
31. 31.Which of these is an opening tag? (a) </li> (b) </b> (c) </title> (d) <body>
32. 32.🔍 One closing tag is missing. Which one?
    <b>Cricket is fun.</b>
    <h1>The red kite
    <strong>My best friend</strong> (a) </h1> (b) </h3> (c) </b> (d) </strong>
33. 33.🔗 Which words do you click on?
    <a href="news.html">About us</a> (a) About us (b) Contact us (c) href (d) news.html
34. 34.💬 How many paragraphs show on the page?
    <p>My pets</p>
    <!-- <p>Cricket is fun.</p> -->
    <!-- <p>The red kite</p> -->
35. 35.🔢 In a basic web page file, which comes FIRST? (a) <html> (b) </body> (c) <head> (d) <!DOCTYPE html>
36. 36.🏷️ Every HTML tag starts with which sign? (a) < (b) [ (c) { (d) (
37. 37.🔗 Where does this link open?
    <a href="art.html" target="_blank">Take the quiz</a> (a) in the same tab (b) in a new tab
38. 38.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <p>Hello, world!</p>
    <!-- <p>Fun facts</p> -->
39. 39.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="400"> (a) The full moon (b) Our school bus (c) moon.png (d) width
40. 40.🔍 One closing tag is missing. Which one?
    <h2>Good morning!
    <i>Our school trip</i>
    <small>Rain today</small> (a) </i> (b) </h2> (c) </small> (d) </h3>

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