HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 684 · 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 the browser show comments on the page? (a) No (b) Yes
2. 2.🔠 How many heading levels does HTML have? (a) 3 (b) 6 (c) 4 (d) 10
3. 3.True or false: <ul> goes inside ul or ol. (a) True (b) False
4. 4.True or false: HTML on its own can add pictures to a page. (a) False (b) True
5. 5.Which of these has a closing tag? (a) <meta> (b) <img> (c) <h1> (d) <hr>
6. 6.🔍 One closing tag is missing. Which one?
   <h3>Fun facts</h3>
   <p>I love mangoes.
   <em>Cricket is fun.</em> (a) </strong> (b) </em> (c) </h3> (d) </p>
7. 7.📄 What is the first line of an HTML5 page? (a) <html> (b) <head> (c) <body> (d) <!DOCTYPE html>
8. 8.Which of these is true of a code editor? (a) hosts websites online (b) colours code to help us (c) shows pages from the web (d) answers page requests
9. 9.🔗 Which tag makes a clickable link? (a) <img> (b) <a> (c) <link> (d) <p>
10. 10.🔠 Which heading shows the BIGGEST text: <h1>, <h5>, <h2> or <h6>? (a) <h2> (b) <h1> (c) <h6> (d) <h5>
11. 11.📝 Does <input> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
12. 12.💬 How many paragraphs show on the page?
    <!-- <p>Good morning!</p> -->
    <p>The red kite</p>
    <!-- <p>Cricket is fun.</p> -->
13. 13.📋 Does this list show bullets or numbers?
    <ul>
      <li>Banana</li>
      <li>Guava</li>
      <li>Jamun</li>
    </ul> (a) bullets (b) numbers
14. 14.📋 Which list suits a shopping list in any order? (a) <br> (b) <hr> (c) <ul> (d) <ol>
15. 15.💬 Which text will NOT show on the page?
    <p>Cricket is fun.</p>
    <!-- <p>My pets</p> -->
    <p>Our school trip</p> (a) Cricket is fun. (b) Our school trip (c) My pets
16. 16.Which of these is true of a code editor? (a) is where we type code (b) has an address bar (c) hosts websites online (d) opens web pages for us
17. 17.🔠 Which tag is used for the main title on a page? (a) <br> (b) <h6> (c) <h1> (d) <p>
18. 18.True or false: <ul> goes in the head. (a) True (b) False
19. 19.True or false: a web browser opens web pages for us. (a) True (b) False
20. 20.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="fort.jpg" alt="An old fort" width="350"> (a) An old fort (b) width (c) fort.jpg (d) A tiger asleep
21. 21.🔍 Which is the odd one out? (a) hosts websites online (b) shows pages from the web (c) answers page requests (d) stores a website’s files
22. 22.🔠 Which heading shows the SMALLEST text: <h6>, <h3>, <h4> or <h5>? (a) <h6> (b) <h3> (c) <h4> (d) <h5>
23. 23.🔍 Which is the odd one out? (a) answers page requests (b) has an address bar (c) opens web pages for us (d) shows pages from the web
24. 24.True or false: a web server saves our .html files. (a) False (b) True
25. 25.🔗 Which address opens when you click this link?
    <a href="quiz.html">Maths fun</a> (a) Maths fun (b) quiz.html (c) games.html (d) about.html
26. 26.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <h3>Cricket is fun.</h3>
    <h3>My best friend</h3>
27. 27.📋 Which list tag is an unordered list? (a) <ol> (b) <ul> (c) <li>
28. 28.📋 Which tag goes around each item of a list? (a) <ol> (b) <li> (c) <p> (d) <ul>
29. 29.📝 Does <li> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
30. 30.🔍 Which line is missing its closing tag?
    line 1: <h2>Hello, world!
    line 2: <strong>The red kite</strong>
    line 3: <u>Fun facts</u> (a) line 2 (b) line 3 (c) line 1
31. 31.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) We won by 5 runs. (b) body (c) My Hobbies (d) Easy snacks
32. 32.📋 Does this list show bullets or numbers?
    <ol>
      <li>Banana</li>
      <li>Orange</li>
    </ol> (a) bullets (b) numbers
33. 33.📄 Which part holds everything you see on the page? (a) the head (b) the title (c) the body (d) the doctype
34. 34.🌐 Which one shows pages from the web? (a) a web browser (b) a web server (c) a code editor
35. 35.📋 What number does the browser show next to “Guava”?
    <ol>
      <li>Mango</li>
      <li>Jamun</li>
      <li>Banana</li>
      <li>Guava</li>
      <li>Papaya</li>
    </ol>
36. 36.📄 Where does the text of <title> appear? (a) on the browser tab (b) nowhere (c) at the bottom (d) in a big heading
37. 37.💬 Which text will NOT show on the page?
    <p>My best friend</p>
    <p>Rain today</p>
    <!-- <p>Good morning!</p> --> (a) My best friend (b) Rain today (c) Good morning!
38. 38.🏷️ Is <body> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
39. 39.🖼️ How many pixels wide is the picture drawn?
    <img src="tiger.jpg" alt="A tiger asleep" width="200">
40. 40.True or false: <h1> goes in the head. (a) False (b) True

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