HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 788 · 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.🔢 In a basic web page file, which comes LAST? (a) <head> (b) <html> (c) <body> (d) </html>
2. 2.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h3> or <h2>? (a) <h1> (b) <h2> (c) <h6> (d) <h3>
3. 3.🌐 Which one turns HTML into a page? (a) a code editor (b) a web browser (c) a web server
4. 4.💬 Does the browser show comments on the page? (a) Yes (b) No
5. 5.📋 Which list tag shows 1, 2, 3 numbers? (a) <ul> (b) <li> (c) <ol>
6. 6.💬 Which text will NOT show on the page?
   <p>Cricket is fun.</p>
   <!-- <p>Our school trip</p> -->
   <p>Rain today</p> (a) Our school trip (b) Cricket is fun. (c) Rain today
7. 7.🏷️ Is </body> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
8. 8.🖼️ Which picture file does the browser load?
   <img src="bus.jpg" alt="Our school bus" width="200"> (a) Our school bus (b) tiger.jpg (c) bus.jpg (d) fort.jpg
9. 9.🔗 Which words do you click on?
   <a href="contact.html">Play games</a> (a) contact.html (b) Play games (c) href (d) About us
10. 10.🔠 Which heading shows the BIGGEST text: <h3>, <h5>, <h4> or <h1>? (a) <h3> (b) <h5> (c) <h4> (d) <h1>
11. 11.🔠 Which heading shows the SMALLEST text: <h5>, <h1>, <h6> or <h3>? (a) <h3> (b) <h6> (c) <h1> (d) <h5>
12. 12.🔗 Which tag makes a clickable link? (a) <img> (b) <p> (c) <link> (d) <a>
13. 13.🏷️ Is <h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
14. 14.🔗 Which words do you click on?
    <a href="about.html">About us</a> (a) About us (b) Contact us (c) about.html (d) href
15. 15.🔗 Which attribute holds the address of a link? (a) href (b) alt (c) src (d) id
16. 16.🔤 In “HTML”, what does the M stand for? (a) Mouse (b) Markup (c) Machine (d) Modern
17. 17.True or false: <h1> goes in the body. (a) False (b) True
18. 18.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) index.html (b) Planets (c) Space Facts (d) Thanks for visiting.
19. 19.Which of these is true of a web browser? (a) has an address bar (b) is where we type code (c) sends pages over the net (d) saves our .html files
20. 20.True or false: in <img>, alt is read by screen readers. (a) False (b) True
21. 21.🔍 Which line is missing its closing tag?
    line 1: <h3>Rain today</h3>
    line 2: <em>My best friend</em>
    line 3: <i>The red kite (a) line 1 (b) line 2 (c) line 3
22. 22.🔠 Which tag is the least important heading? (a) <h6> (b) <h3> (c) <p> (d) <h1>
23. 23.🖼️ Which attribute of <img> describes the picture? (a) alt (b) width (c) height (d) src
24. 24.🔠 Which heading shows the SMALLEST text: <h4>, <h1>, <h3> or <h5>? (a) <h3> (b) <h4> (c) <h1> (d) <h5>
25. 25.Which of these is true of a code editor? (a) sends pages over the net (b) shows line numbers (c) hosts websites online (d) shows pages from the web
26. 26.🔤 In “HTML”, what do the letters HT stand for? (a) Home Text (b) Hot Tags (c) HyperText (d) High Tech
27. 27.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) index.html (b) Welcome! (c) Space Facts (d) Here is my best one.
28. 28.🔍 Which is the odd one out? (a) is where we type code (b) saves our .html files (c) sends pages over the net (d) shows line numbers
29. 29.🔤 In “HTML”, what does the L stand for? (a) Link (b) Laptop (c) Language (d) Line
30. 30.Which of these is true of a web browser? (a) saves our .html files (b) sends pages over the net (c) colours code to help us (d) shows pages from the web
31. 31.Which of these goes in the head? (a) <table> (b) <ul> (c) <p> (d) <link rel="stylesheet">
32. 32.True or false: in <img>, height describes the picture. (a) False (b) True
33. 33.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="50"> (a) width (b) A red kite (c) tiger.jpg (d) A tiger asleep
34. 34.Which of these is true of a web browser? (a) is where we type code (b) opens web pages for us (c) saves our .html files (d) hosts websites online
35. 35.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <br> (c) <hr> (d) <ol>
36. 36.🔠 How many heading levels does HTML have? (a) 3 (b) 10 (c) 4 (d) 6
37. 37.Which of these is a closing tag? (a) <p> (b) <body> (c) <h1> (d) </title>
38. 38.🔗 Where does this link open?
    <a href="maths.html" target="_blank">About us</a> (a) in the same tab (b) in a new tab
39. 39.📝 What does <p> make? (a) a table (b) a link (c) a paragraph (d) a picture
40. 40.True or false: <title> goes in the body. (a) False (b) True

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