HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 202 · 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 one is where we type code? (a) a web server (b) a code editor (c) a web browser
2. 2.Which of these is true of a code editor? (a) saves our .html files (b) stores a website’s files (c) turns HTML into a page (d) opens web pages for us
3. 3.🔗 Which code links to about.html? (a) <a href="about.html"> (b) <a src="about.html"> (c) <a alt="about.html"> (d) <link about.html>
4. 4.True or false: in <img>, width describes the picture. (a) False (b) True
5. 5.🔗 Which words do you click on?
   <a href="about.html">Contact us</a> (a) href (b) Contact us (c) about.html (d) Visit the site
6. 6.🔗 Where does this link open?
   <a href="about.html">Art corner</a> (a) in the same tab (b) in a new tab
7. 7.🏷️ Every HTML tag starts with which sign? (a) { (b) < (c) [ (d) (
8. 8.🔍 One closing tag is missing. Which one?
   <p>Good morning!</p>
   <i>My pets
   <em>Fun facts</em> (a) </p> (b) </h3> (c) </i> (d) </em>
9. 9.💬 Which text will NOT show on the page?
   <p>I love mangoes.</p>
   <p>Hello, world!</p>
   <!-- <p>My best friend</p> -->
   <p>Cricket is fun.</p> (a) Hello, world! (b) I love mangoes. (c) My best friend (d) Cricket is fun.
10. 10.💬 Does the browser show comments on the page? (a) Yes (b) No
11. 11.🔠 How many headings are in this code?
    <h1>My pets</h1>
    <p>The red kite</p>
    <h4>Hello, world!</h4>
    <h3>Fun facts</h3>
12. 12.🔗 Where does this link open?
    <a href="quiz.html" target="_blank">About us</a> (a) in a new tab (b) in the same tab
13. 13.True or false: in <img>, width names the picture file. (a) False (b) True
14. 14.🔗 Where does this link open?
    <a href="about.html" target="_blank">Art corner</a> (a) in the same tab (b) in a new tab
15. 15.🔍 Which line is missing its closing tag?
    line 1: <u>Hello, world!</u>
    line 2: <b>Good morning!</b>
    line 3: <strong>Rain today (a) line 1 (b) line 2 (c) line 3
16. 16.📄 Where does <p> go: in the head or in the body? (a) in the head (b) in the body
17. 17.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) Space Facts (b) We won by 5 runs. (c) body (d) Planets
18. 18.🔠 Which heading shows the SMALLEST text: <h1>, <h4>, <h6> or <h5>? (a) <h6> (b) <h5> (c) <h1> (d) <h4>
19. 19.Which of these is an empty tag? (a) <p> (b) <br> (c) <b> (d) <h1>
20. 20.True or false: <p> goes in the head. (a) True (b) False
21. 21.🔠 Which heading shows the SMALLEST text: <h4>, <h3>, <h5> or <h2>? (a) <h3> (b) <h4> (c) <h5> (d) <h2>
22. 22.🔍 Which is the odd one out? (a) answers page requests (b) shows pages from the web (c) turns HTML into a page (d) has an address bar
23. 23.🔠 How many heading levels does HTML have? (a) 6 (b) 4 (c) 10 (d) 3
24. 24.True or false: a web browser shows pages from the web. (a) True (b) False
25. 25.True or false: HTML on its own can make links to pages. (a) True (b) False
26. 26.True or false: <ul> is an unordered list. (a) True (b) False
27. 27.🔗 Where does this link open?
    <a href="contact.html">Visit the site</a> (a) in the same tab (b) in a new tab
28. 28.💬 Which text will NOT show on the page?
    <!-- <p>Our school trip</p> -->
    <p>The red kite</p>
    <p>Good morning!</p>
    <p>My pets</p> (a) Our school trip (b) The red kite (c) My pets (d) Good morning!
29. 29.📋 Which list shows the steps of a recipe best? (a) <ol> (b) <hr> (c) <br> (d) <ul>
30. 30.💬 Which text will NOT show on the page?
    <p>Good morning!</p>
    <p>Rain today</p>
    <!-- <p>I love mangoes.</p> -->
    <p>Hello, world!</p> (a) Good morning! (b) Hello, world! (c) Rain today (d) I love mangoes.
31. 31.True or false: HTML on its own can make headings. (a) True (b) False
32. 32.📝 Does <img> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
33. 33.📝 Does <meta> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
34. 34.Which of these is an empty tag? (a) <li> (b) <p> (c) <h1> (d) <input>
35. 35.🔗 Where does this link open?
    <a href="https://example.com">Contact us</a> (a) in a new tab (b) in the same tab
36. 36.🔍 Which line is missing its closing tag?
    line 1: <p>Hello, world!</p>
    line 2: <small>My best friend</small>
    line 3: <h1>Good morning! (a) line 1 (b) line 2 (c) line 3
37. 37.🔍 Which is the odd one out? (a) opens web pages for us (b) has an address bar (c) sends pages over the net (d) shows pages from the web
38. 38.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h3> or <h5>? (a) <h3> (b) <h5> (c) <h2> (d) <h1>
39. 39.💬 Which text will NOT show on the page?
    <p>Good morning!</p>
    <p>My pets</p>
    <p>Hello, world!</p>
    <!-- <p>The red kite</p> --> (a) Good morning! (b) The red kite (c) Hello, world! (d) My pets
40. 40.🔗 What does target="_blank" do to a link? (a) makes it bold (b) hides the link (c) makes it blank (d) opens it in a new tab

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