HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 894 · 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 heading shows the SMALLEST text: <h2>, <h1>, <h3> or <h5>? (a) <h2> (b) <h1> (c) <h5> (d) <h3>
2. 2.True or false: a web server colours code to help us. (a) False (b) True
3. 3.🔠 How many headings are in this code?
   <h1>Good morning!</h1>
   <h4>My pets</h4>
   <p>I love mangoes.</p>
   <p>Fun facts</p>
   <h2>My pets</h2>
4. 4.📋 How many items does this list show?
   <ul>
     <li>Orange</li>
     <li>Banana</li>
     <li>Papaya</li>
     <li>Guava</li>
     <li>Litchi</li>
     <li>Mango</li>
   </ul>
5. 5.🔠 Which heading shows the BIGGEST text: <h1>, <h4>, <h2> or <h3>? (a) <h3> (b) <h1> (c) <h2> (d) <h4>
6. 6.🔗 Which address opens when you click this link?
   <a href="quiz.html">Maths fun</a> (a) games.html (b) quiz.html (c) about.html (d) Maths fun
7. 7.🔍 Which is the odd one out? (a) opens web pages for us (b) shows line numbers (c) is where we type code (d) saves our .html files
8. 8.True or false: <b> has a closing tag. (a) True (b) False
9. 9.🖼️ How many pixels wide is the picture drawn?
   <img src="kite.png" alt="A red kite" width="400">
10. 10.💬 Which text will NOT show on the page?
    <!-- <p>Rain today</p> -->
    <p>My best friend</p>
    <p>Fun facts</p> (a) My best friend (b) Fun facts (c) Rain today
11. 11.🔗 What does target="_blank" do to a link? (a) hides the link (b) makes it bold (c) opens it in a new tab (d) makes it blank
12. 12.🌐 Which one sends pages over the net? (a) a web server (b) a code editor (c) a web browser
13. 13.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <p>Rain today</p>
    <h2>My pets</h2>
    <h2>Rain today</h2>
    <p>My best friend</p>
14. 14.True or false: <li> is one item of a list. (a) True (b) False
15. 15.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
16. 16.Which of these is true of a code editor? (a) opens web pages for us (b) is where we type code (c) stores a website’s files (d) sends pages over the net
17. 17.True or false: <br> has a closing tag. (a) True (b) False
18. 18.True or false: in <img>, width sets how wide it is. (a) False (b) True
19. 19.🔠 How many headings are in this code?
    <h1>My pets</h1>
    <p>Fun facts</p>
    <p>Cricket is fun.</p>
20. 20.🌐 Which one colours code to help us? (a) a code editor (b) a web server (c) a web browser
21. 21.🔍 Which is the odd one out? (a) hosts websites online (b) shows pages from the web (c) stores a website’s files (d) sends pages over the net
22. 22.🔗 Which address opens when you click this link?
    <a href="quiz.html">Take the quiz</a> (a) about.html (b) quiz.html (c) games.html (d) Take the quiz
23. 23.🔗 Which address opens when you click this link?
    <a href="news.html">Take the quiz</a> (a) quiz.html (b) games.html (c) news.html (d) Take the quiz
24. 24.True or false: in <img>, width is read by screen readers. (a) True (b) False
25. 25.True or false: <table> goes in the head. (a) True (b) False
26. 26.💬 How many paragraphs show on the page?
    <p>My best friend</p>
    <!-- <p>Fun facts</p> -->
    <!-- <p>Cricket is fun.</p> -->
27. 27.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="bus.jpg" alt="Our school bus" width="350"> (a) An old fort (b) width (c) bus.jpg (d) Our school bus
28. 28.📝 Does <li> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
29. 29.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="bus.jpg" alt="Our school bus" width="100"> (a) An old fort (b) Our school bus (c) bus.jpg (d) width
30. 30.💬 Why do coders write comments? (a) to show pictures (b) to add colour (c) to make links (d) to leave notes
31. 31.🔗 Which address opens when you click this link?
    <a href="news.html">Art corner</a> (a) quiz.html (b) Art corner (c) games.html (d) news.html
32. 32.🔗 Which words do you click on?
    <a href="games.html">Maths fun</a> (a) Art corner (b) games.html (c) Maths fun (d) href
33. 33.Which of these is true of a web browser? (a) colours code to help us (b) stores a website’s files (c) shows line numbers (d) turns HTML into a page
34. 34.📋 Does this list show bullets or numbers?
    <ol>
      <li>Banana</li>
      <li>Papaya</li>
    </ol> (a) numbers (b) bullets
35. 35.🌍 Which program shows a web page to us? (a) a paint program (b) a calculator (c) a web browser (d) a music player
36. 36.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="cake.jpg" alt="Birthday cake" width="50"> (a) A happy dog (b) cake.jpg (c) Birthday cake (d) width
37. 37.📝 What does <br> do? (a) adds a picture (b) makes a list (c) makes text bold (d) starts a new line
38. 38.🏷️ What does a closing tag have that an opening tag does not? (a) a slash / (b) a dot . (c) a hash # (d) a dollar $
39. 39.🔗 Which words do you click on?
    <a href="news.html">Art corner</a> (a) href (b) School news (c) news.html (d) Art corner
40. 40.📄 Where does the text of <title> appear? (a) at the bottom (b) on the browser tab (c) in a big heading (d) nowhere

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