← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 191 · 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.💬 Which text will NOT show on the page?
    <!-- <p>Good morning!</p> -->
    <p>The red kite</p>
    <p>My pets</p>
    <p>Our school trip</p>     (a) Good morning! (b) Our school trip (c) My pets (d) The red kite
  2. 2.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <h2>I love mangoes.</h2>
    <h3>My pets</h3>
  3. 3.🌐 Which one colours code to help us? (a) a web server (b) a code editor (c) a web browser
  4. 4.🔠 Which tag is used for the main title on a page? (a) <h6> (b) <p> (c) <br> (d) <h1>
  5. 5.📋 Does this list show bullets or numbers?
    <ul>
      <li>Orange</li>
      <li>Mango</li>
      <li>Guava</li>
    </ul>     (a) bullets (b) numbers
  6. 6.True or false: in <img>, width describes the picture. (a) True (b) False
  7. 7.True or false: HTML on its own cannot pick a random number. (a) False (b) True
  8. 8.🔗 Which address opens when you click this link?
    <a href="art.html">Visit the site</a>     (a) art.html (b) news.html (c) Visit the site (d) quiz.html
  9. 9.🔠 How many headings are in this code?
    <h1>Good morning!</h1>
    <p>My best friend</p>
    <p>Rain today</p>
    <p>Hello, world!</p>
  10. 10.🔍 Which is the odd one out? (a) has an address bar (b) hosts websites online (c) shows pages from the web (d) opens web pages for us
  11. 11.True or false: <style> goes in the head. (a) True (b) False
  12. 12.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <h2>I love mangoes.</h2>
    <h2>Cricket is fun.</h2>
    <h2>I love mangoes.</h2>
  13. 13.📝 What do we need to write HTML? (a) a microphone (b) a printer (c) a paintbrush (d) a plain text editor
  14. 14.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="cake.jpg" alt="Birthday cake" width="100">     (a) width (b) A happy dog (c) cake.jpg (d) Birthday cake
  15. 15.🔠 How many heading levels does HTML have? (a) 3 (b) 4 (c) 10 (d) 6
  16. 16.🔗 What does HyperText mean? (a) very big text (b) text with links (c) text in colour (d) secret text
  17. 17.Which of these is a closing tag? (a) </p> (b) <body> (c) <b> (d) <title>
  18. 18.🏷️ Is </h1> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
  19. 19.True or false: <title> goes in the body. (a) True (b) False
  20. 20.📝 How many paragraphs does this code make?
    <p>Rain today</p>
    <p>Good morning!</p>
    <h2>Our school trip</h2>
  21. 21.Which of these is true of a web server? (a) shows pages from the web (b) hosts websites online (c) saves our .html files (d) opens web pages for us
  22. 22.🖼️ Does <img> need a closing tag? (a) No (b) Yes
  23. 23.📋 How many items does this list show?
    <ul>
      <li>Banana</li>
      <li>Papaya</li>
      <li>Jamun</li>
    </ul>
  24. 24.📋 Which list tag is an unordered list? (a) <ul> (b) <li> (c) <ol>
  25. 25.🔢 In a basic web page file, which comes first: “</body>” or “</html>”? (a) </html> (b) </body>
  26. 26.📄 Can HTML on its own add up two numbers? (a) No (b) Yes
  27. 27.True or false: <h1> goes in the head. (a) False (b) True
  28. 28.True or false: <br> is an empty tag. (a) False (b) True
  29. 29.🏷️ HTML marks up text using ___. (a) keys (b) pixels (c) tags (d) wires
  30. 30.True or false: <li> is an ordered list. (a) True (b) False
  31. 31.🔗 Where does this link open?
    <a href="maths.html" target="_blank">Contact us</a>     (a) in a new tab (b) in the same tab
  32. 32.📄 Which part holds everything you see on the page? (a) the head (b) the body (c) the title (d) the doctype
  33. 33.📋 How many items does this list show?
    <ul>
      <li>Banana</li>
      <li>Orange</li>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Guava</li>
      <li>Grapes</li>
    </ul>
  34. 34.📄 Where does <table> go: in the head or in the body? (a) in the head (b) in the body
  35. 35.🔗 What does target="_blank" do to a link? (a) hides the link (b) opens it in a new tab (c) makes it blank (d) makes it bold
  36. 36.True or false: a code editor has an address bar. (a) False (b) True
  37. 37.🔠 Which heading shows the SMALLEST text: <h4>, <h3>, <h1> or <h6>? (a) <h3> (b) <h4> (c) <h6> (d) <h1>
  38. 38.📝 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 a dot (d) as one space
  39. 39.🌐 Which one is where we type code? (a) a web browser (b) a code editor (c) a web server
  40. 40.🖼️ Which picture file does the browser load?
    <img src="map.png" alt="Map of India" width="150">     (a) Map of India (b) dog.jpg (c) map.png (d) cake.jpg

Answer key

  1. Good morning!
  2. 3
  3. a code editor
  4. <h1>
  5. bullets
  6. False
  7. True
  8. art.html
  9. 1
  10. hosts websites online
  11. True
  12. 1
  13. a plain text editor
  14. Birthday cake
  15. 6
  16. text with links
  17. </p>
  18. a closing tag
  19. False
  20. 2
  21. hosts websites online
  22. No
  23. 3
  24. <ul>
  25. </body>
  26. No
  27. False
  28. True
  29. tags
  30. False
  31. in a new tab
  32. the body
  33. 6
  34. in the body
  35. opens it in a new tab
  36. False
  37. <h6>
  38. as one space
  39. a code editor
  40. map.png

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