HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 950 · 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 BIGGEST text: <h4>, <h2>, <h1> or <h5>? (a) <h4> (b) <h2> (c) <h5> (d) <h1>
2. 2.🔗 Which address opens when you click this link?
   <a href="about.html">Play games</a> (a) https://example.com (b) about.html (c) Play games (d) contact.html
3. 3.🔗 Which words do you click on?
   <a href="https://example.com">Visit the site</a> (a) https://example.com (b) Visit the site (c) Maths fun (d) href
4. 4.💬 How many paragraphs show on the page?
   <!-- <p>I love mangoes.</p> -->
   <p>Hello, world!</p>
   <p>The red kite</p>
5. 5.🔗 What does HyperText mean? (a) secret text (b) text in colour (c) very big text (d) text with links
6. 6.💬 How many paragraphs show on the page?
   <p>Hello, world!</p>
   <p>I love mangoes.</p>
   <!-- <p>Good morning!</p> -->
7. 7.🔍 Which is the odd one out? (a) saves our .html files (b) is where we type code (c) hosts websites online (d) colours code to help us
8. 8.Which of these is an empty tag? (a) <p> (b) <h1> (c) <meta> (d) <b>
9. 9.Which of these is true of a code editor? (a) saves our .html files (b) sends pages over the net (c) shows pages from the web (d) stores a website’s files
10. 10.💬 How many paragraphs show on the page?
    <p>Rain today</p>
    <p>Fun facts</p>
    <!-- <p>Cricket is fun.</p> -->
    <!-- <p>I love mangoes.</p> -->
11. 11.📋 Which list tag lists things in any order? (a) <ol> (b) <li> (c) <ul>
12. 12.True or false: HTML on its own can count button clicks. (a) True (b) False
13. 13.Which of these is true of a web browser? (a) shows pages from the web (b) shows line numbers (c) colours code to help us (d) is where we type code
14. 14.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h3> or <h2>? (a) <h6> (b) <h1> (c) <h2> (d) <h3>
15. 15.True or false: HTML on its own cannot make headings. (a) False (b) True
16. 16.🔠 Which heading shows the BIGGEST text: <h6>, <h4>, <h2> or <h1>? (a) <h1> (b) <h4> (c) <h6> (d) <h2>
17. 17.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="200"> (a) Birthday cake (b) Map of India (c) map.png (d) width
18. 18.📝 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
19. 19.📝 Does <title> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
20. 20.True or false: <li> goes inside ul or ol. (a) False (b) True
21. 21.🔠 Which heading shows the BIGGEST text: <h6>, <h3>, <h5> or <h1>? (a) <h1> (b) <h3> (c) <h6> (d) <h5>
22. 22.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="dog.jpg" alt="A happy dog" width="150"> (a) The full moon (b) dog.jpg (c) A happy dog (d) width
23. 23.📝 Does <h1> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
24. 24.💬 Why do coders write comments? (a) to show pictures (b) to add colour (c) to leave notes (d) to make links
25. 25.🔍 Which line is missing its closing tag?
    line 1: <h1>Fun facts</h1>
    line 2: <em>My best friend
    line 3: <p>My pets</p> (a) line 3 (b) line 1 (c) line 2
26. 26.True or false: <h1> has a closing tag. (a) True (b) False
27. 27.True or false: <img> goes in the body. (a) False (b) True
28. 28.🔗 Which address opens when you click this link?
    <a href="art.html">School news</a> (a) quiz.html (b) School news (c) art.html (d) news.html
29. 29.True or false: <ol> shows 1, 2, 3 numbers. (a) False (b) True
30. 30.🔍 One closing tag is missing. Which one?
    <u>Our school trip</u>
    <i>The red kite
    <h1>Fun facts</h1> (a) </h2> (b) </u> (c) </i> (d) </h1>
31. 31.🌐 Which one answers page requests? (a) a web browser (b) a code editor (c) a web server
32. 32.💬 How many paragraphs show on the page?
    <p>My pets</p>
    <p>I love mangoes.</p>
    <!-- <p>My best friend</p> -->
33. 33.📄 Where does <link rel="stylesheet"> go: in the head or in the body? (a) in the head (b) in the body
34. 34.🔗 Where does this link open?
    <a href="about.html">Art corner</a> (a) in a new tab (b) in the same tab
35. 35.📋 What number does the browser show next to “Banana”?
    <ol start="4">
      <li>Litchi</li>
      <li>Banana</li>
      <li>Papaya</li>
    </ol>
36. 36.📝 How many paragraphs does this code make?
    <p>Hello, world!</p>
    <h2>Hello, world!</h2>
    <p>My best friend</p>
    <h2>Cricket is fun.</h2>
    <h2>Rain today</h2>
    <h2>Our school trip</h2>
37. 37.🔗 Which code links to about.html? (a) <a src="about.html"> (b) <a href="about.html"> (c) <link about.html> (d) <a alt="about.html">
38. 38.🏷️ Is </title> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
39. 39.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>I like to read.</p>
    </body>
    </html> (a) Welcome! (b) My Hobbies (c) index.html (d) I like to read.
40. 40.🔗 Which words do you click on?
    <a href="news.html">Maths fun</a> (a) Art corner (b) news.html (c) Maths fun (d) href

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