HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 677 · 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 is the odd one out? (a) saves our .html files (b) shows line numbers (c) is where we type code (d) sends pages over the net
2. 2.True or false: HTML on its own cannot make tables. (a) False (b) True
3. 3.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Riya’s Recipes</title>
   </head>
   <body>
     <h1>Welcome!</h1>
     <p>I like to read.</p>
   </body>
   </html> (a) Welcome! (b) index.html (c) I like to read. (d) Riya’s Recipes
4. 4.📋 How many items does this list show?
   <ul>
     <li>Orange</li>
     <li>Jamun</li>
   </ul>
5. 5.🔍 Which line is missing its closing tag?
   line 1: <b>Hello, world!
   line 2: <p>The red kite</p>
   line 3: <h3>Cricket is fun.</h3> (a) line 1 (b) line 3 (c) line 2
6. 6.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as a new line (b) as 5 spaces (c) as one space (d) as a dot
7. 7.💬 Which text will NOT show on the page?
   <!-- <p>Cricket is fun.</p> -->
   <p>Hello, world!</p>
   <p>Fun facts</p> (a) Hello, world! (b) Cricket is fun. (c) Fun facts
8. 8.📝 What does <br> do? (a) makes a list (b) makes text bold (c) starts a new line (d) adds a picture
9. 9.True or false: a web server answers page requests. (a) False (b) True
10. 10.💬 How many paragraphs show on the page?
    <p>My best friend</p>
    <p>Cricket is fun.</p>
    <p>Rain today</p>
    <!-- <p>I love mangoes.</p> -->
    <!-- <p>Fun facts</p> -->
11. 11.🔍 One closing tag is missing. Which one?
    <b>The red kite</b>
    <h2>Hello, world!
    <h3>I love mangoes.</h3> (a) </u> (b) </h3> (c) </h2> (d) </b>
12. 12.💬 How many paragraphs show on the page?
    <p>Hello, world!</p>
    <!-- <p>My pets</p> -->
    <!-- <p>The red kite</p> -->
    <!-- <p>Fun facts</p> -->
    <p>My best friend</p>
13. 13.Which of these is an opening tag? (a) </title> (b) </b> (c) <li> (d) </li>
14. 14.🖼️ Which tag puts a picture on a page? (a) <pic> (b) <a> (c) <p> (d) <img>
15. 15.💬 Does the browser show comments on the page? (a) No (b) Yes
16. 16.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <br> (c) <hr> (d) <ol>
17. 17.🔍 One closing tag is missing. Which one?
    <em>Our school trip</em>
    <small>Fun facts
    <h3>My best friend</h3> (a) </small> (b) </em> (c) </h3> (d) </u>
18. 18.📝 How many paragraphs does this code make?
    <p>Our school trip</p>
    <p>Hello, world!</p>
    <h2>Fun facts</h2>
19. 19.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="dog.jpg" alt="A happy dog" width="200"> (a) width (b) The full moon (c) dog.jpg (d) A happy dog
20. 20.🔗 Where does this link open?
    <a href="maths.html">Art corner</a> (a) in a new tab (b) in the same tab
21. 21.📄 Can HTML on its own add pictures to a page? (a) Yes (b) No
22. 22.🔠 Are headings shown in bold by default? (a) No (b) Yes
23. 23.Which of these is a closing tag? (a) <body> (b) <h1> (c) <title> (d) </li>
24. 24.True or false: in <img>, height tells which image to load. (a) True (b) False
25. 25.📋 Does this list show bullets or numbers?
    <ol>
      <li>Mango</li>
      <li>Papaya</li>
      <li>Guava</li>
    </ol> (a) numbers (b) bullets
26. 26.📋 How many items does this list show?
    <ol>
      <li>Guava</li>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Grapes</li>
      <li>Papaya</li>
      <li>Orange</li>
    </ol>
27. 27.🔠 Which heading shows the BIGGEST text: <h5>, <h3>, <h4> or <h2>? (a) <h2> (b) <h5> (c) <h3> (d) <h4>
28. 28.📋 What number does the browser show next to “Grapes”?
    <ol>
      <li>Mango</li>
      <li>Grapes</li>
      <li>Banana</li>
    </ol>
29. 29.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="bus.jpg" alt="Our school bus" width="50"> (a) bus.jpg (b) Our school bus (c) An old fort (d) width
30. 30.💬 How many paragraphs show on the page?
    <!-- <p>I love mangoes.</p> -->
    <p>Fun facts</p>
    <p>Hello, world!</p>
    <p>My pets</p>
31. 31.📋 What number does the browser show next to “Orange”?
    <ol>
      <li>Papaya</li>
      <li>Orange</li>
      <li>Grapes</li>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Guava</li>
    </ol>
32. 32.📋 Which tag goes around each item of a list? (a) <p> (b) <ul> (c) <li> (d) <ol>
33. 33.True or false: a web browser answers page requests. (a) True (b) False
34. 34.True or false: HTML on its own cannot count button clicks. (a) True (b) False
35. 35.🔤 In “HTML”, what does the M stand for? (a) Markup (b) Mouse (c) Modern (d) Machine
36. 36.🏷️ Is </b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
37. 37.True or false: <img> goes in the head. (a) False (b) True
38. 38.True or false: in <img>, width shows if the image fails. (a) True (b) False
39. 39.🔗 Which address opens when you click this link?
    <a href="news.html">Play games</a> (a) quiz.html (b) news.html (c) games.html (d) Play games
40. 40.🔍 One closing tag is missing. Which one?
    <u>Good morning!</u>
    <h3>My pets</h3>
    <p>Rain today (a) </h2> (b) </u> (c) </h3> (d) </p>

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