← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 112 · 40 questions
TalentJR

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.

NameDateTime takenScore ___ / 40
  1. 1.📋 Does this list show bullets or numbers?
    <ol>
      <li>Papaya</li>
      <li>Jamun</li>
    </ol>
    (a) numbers (b) bullets
  2. 2.Which of these is true of a code editor? (a) opens web pages for us (b) sends pages over the net (c) answers page requests (d) saves our .html files
  3. 3.🔤 In “HTML”, what does the L stand for? (a) Link (b) Line (c) Language (d) Laptop
  4. 4.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Here is my best one.</p>
    </body>
    </html>
    (a) Welcome! (b) Here is my best one. (c) index.html (d) Cricket Club
  5. 5.🔍 One closing tag is missing. Which one?
    <b>I love mangoes.</b>
    <h3>Hello, world!
    <h1>The red kite</h1>
    (a) </h3> (b) </b> (c) </h1> (d) </i>
  6. 6.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Stars shine<br>Rivers flow</p>
  7. 7.True or false: <style> goes in the head. (a) False (b) True
  8. 8.🔍 Which is the odd one out? (a) colours code to help us (b) shows line numbers (c) turns HTML into a page (d) saves our .html files
  9. 9.True or false: in <img>, alt describes the picture. (a) False (b) True
  10. 10.💬 How does an HTML comment end? (a) --> (b) >> (c) // (d) */
  11. 11.📝 Does <h1> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
  12. 12.🔗 Which address opens when you click this link?
    <a href="quiz.html">Take the quiz</a>
    (a) Take the quiz (b) games.html (c) about.html (d) quiz.html
  13. 13.🏷️ Is </body> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
  14. 14.🔗 Which words do you click on?
    <a href="quiz.html">Contact us</a>
    (a) quiz.html (b) Visit the site (c) href (d) Contact us
  15. 15.🔍 Which is the odd one out? (a) is where we type code (b) saves our .html files (c) colours code to help us (d) sends pages over the net
  16. 16.🖼️ Why do we add alt text to an image? (a) to make it bigger (b) to colour it (c) to load it faster (d) to describe the image
  17. 17.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Sky is blue</p>
  18. 18.🔠 Which heading shows the SMALLEST text: <h6>, <h2>, <h1> or <h3>? (a) <h2> (b) <h1> (c) <h3> (d) <h6>
  19. 19.🔢 In a basic web page file, which comes FIRST? (a) </body> (b) </html> (c) <body> (d) <!DOCTYPE html>
  20. 20.📋 Which list tag shows bullet points? (a) <ol> (b) <li> (c) <ul>
  21. 21.🖼️ Which picture file does the browser load?
    <img src="bus.jpg" alt="Our school bus" width="100">
    (a) bus.jpg (b) tiger.jpg (c) fort.jpg (d) Our school bus
  22. 22.💬 How many paragraphs show on the page?
    <p>My best friend</p>
    <p>Good morning!</p>
    <!-- <p>My pets</p> -->
    <!-- <p>I love mangoes.</p> -->
  23. 23.True or false: <ul> is an ordered list. (a) False (b) True
  24. 24.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <h3>Hello, world!</h3>
    <p>Fun facts</p>
    <p>Cricket is fun.</p>
  25. 25.🔗 Which tag makes a clickable link? (a) <link> (b) <img> (c) <p> (d) <a>
  26. 26.📝 How many paragraphs does this code make?
    <p>The red kite</p>
    <h2>Good morning!</h2>
    <p>My best friend</p>
  27. 27.Which of these is an opening tag? (a) </b> (b) <p> (c) </title> (d) </body>
  28. 28.🌐 Which one turns HTML into a page? (a) a web browser (b) a web server (c) a code editor
  29. 29.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
  30. 30.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <h2>The red kite</h2>
    <p>Hello, world!</p>
    <h3>Rain today</h3>
    <p>Cricket is fun.</p>
  31. 31.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <h2>Good morning!</h2>
    <p>The red kite</p>
    <p>Fun facts</p>
    <p>Rain today</p>
  32. 32.🔠 Which heading shows the SMALLEST text: <h4>, <h2>, <h3> or <h1>? (a) <h2> (b) <h4> (c) <h3> (d) <h1>
  33. 33.True or false: HTML on its own cannot keep a high score. (a) False (b) True
  34. 34.True or false: a code editor shows line numbers. (a) True (b) False
  35. 35.🏷️ Is <b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
  36. 36.🏷️ HTML marks up text using ___. (a) wires (b) tags (c) keys (d) pixels
  37. 37.💬 How does an HTML comment start? (a) <!-- (b) # (c) // (d) /*
  38. 38.🖼️ Which attribute of <img> names the picture file? (a) height (b) alt (c) width (d) src
  39. 39.📋 How many items does this list show?
    <ol>
      <li>Jamun</li>
      <li>Papaya</li>
      <li>Banana</li>
    </ol>
  40. 40.🔗 Which code links to about.html? (a) <link about.html> (b) <a href="about.html"> (c) <a alt="about.html"> (d) <a src="about.html">

Answer key

  1. numbers
  2. saves our .html files
  3. Language
  4. Cricket Club
  5. </h3>
  6. 3
  7. True
  8. turns HTML into a page
  9. True
  10. -->
  11. has a closing tag
  12. quiz.html
  13. a closing tag
  14. Contact us
  15. sends pages over the net
  16. to describe the image
  17. 2
  18. <h6>
  19. <!DOCTYPE html>
  20. <ul>
  21. bus.jpg
  22. 2
  23. False
  24. 2
  25. <a>
  26. 2
  27. <p>
  28. a web browser
  29. Yes
  30. 3
  31. 2
  32. <h4>
  33. True
  34. True
  35. an opening tag
  36. tags
  37. <!--
  38. src
  39. 3
  40. <a href="about.html">

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