← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 498 · 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.💬 How many paragraphs show on the page?
    <!-- <p>The red kite</p> -->
    <p>I love mangoes.</p>
    <p>My pets</p>
    <p>Rain today</p>
  2. 2.📋 Which list tag is one item of a list? (a) <ul> (b) <li> (c) <ol>
  3. 3.💬 Does the browser show comments on the page? (a) Yes (b) No
  4. 4.🔍 Which is the odd one out? (a) is where we type code (b) saves our .html files (c) shows pages from the web (d) colours code to help us
  5. 5.Which of these is true of a web browser? (a) hosts websites online (b) opens web pages for us (c) sends pages over the net (d) is where we type code
  6. 6.📝 On how many lines does the browser show this paragraph?
    <p>Kites fly high<br>Birds sing<br>Roses are red</p>
  7. 7.💬 Which text will NOT show on the page?
    <!-- <p>Hello, world!</p> -->
    <p>My best friend</p>
    <p>My pets</p>
    <p>Cricket is fun.</p>     (a) My pets (b) Cricket is fun. (c) Hello, world! (d) My best friend
  8. 8.📄 Can HTML on its own keep a high score? (a) No (b) Yes
  9. 9.Which of these is an empty tag? (a) <p> (b) <title> (c) <li> (d) <meta>
  10. 10.Which of these is an opening tag? (a) </p> (b) <title> (c) </li> (d) </b>
  11. 11.📋 What number does the browser show next to “Banana”?
    <ol>
      <li>Litchi</li>
      <li>Mango</li>
      <li>Jamun</li>
      <li>Banana</li>
    </ol>
  12. 12.📋 Does this list show bullets or numbers?
    <ol>
      <li>Banana</li>
      <li>Papaya</li>
    </ol>     (a) bullets (b) numbers
  13. 13.Which of these is a closing tag? (a) </p> (b) <title> (c) <b> (d) <h1>
  14. 14.🔗 Which words do you click on?
    <a href="games.html">Play games</a>     (a) About us (b) games.html (c) href (d) Play games
  15. 15.🔍 One closing tag is missing. Which one?
    <em>Fun facts
    <u>Cricket is fun.</u>
    <p>My pets</p>     (a) </h2> (b) </em> (c) </u> (d) </p>
  16. 16.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <h4>My best friend</h4>
    <p>I love mangoes.</p>
  17. 17.📋 Which tag goes around each item of a list? (a) <ul> (b) <p> (c) <li> (d) <ol>
  18. 18.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 1 (c) 3 (d) 10
  19. 19.True or false: in <img>, src tells which image to load. (a) True (b) False
  20. 20.True or false: a web browser saves our .html files. (a) False (b) True
  21. 21.💬 How many paragraphs show on the page?
    <p>The red kite</p>
    <p>My pets</p>
    <p>Hello, world!</p>
    <p>I love mangoes.</p>
    <!-- <p>Fun facts</p> -->
  22. 22.🔠 How many headings are in this code?
    <h1>The red kite</h1>
    <p>Good morning!</p>
    <h3>My best friend</h3>
    <p>Good morning!</p>
    <h2>Fun facts</h2>
  23. 23.💬 How many paragraphs show on the page?
    <p>Cricket is fun.</p>
    <!-- <p>Our school trip</p> -->
    <!-- <p>Fun facts</p> -->
    <!-- <p>I love mangoes.</p> -->
    <p>Good morning!</p>
  24. 24.🔗 Which words do you click on?
    <a href="quiz.html">Visit the site</a>     (a) Visit the site (b) quiz.html (c) href (d) Maths fun
  25. 25.📄 What is the first line of an HTML5 page? (a) <body> (b) <html> (c) <head> (d) <!DOCTYPE html>
  26. 26.📋 Does this list show bullets or numbers?
    <ol>
      <li>Guava</li>
      <li>Jamun</li>
      <li>Papaya</li>
    </ol>     (a) bullets (b) numbers
  27. 27.📝 How many paragraphs does this code make?
    <p>Rain today</p>
    <p>Our school trip</p>
    <h2>Rain today</h2>
  28. 28.📝 How many paragraphs does this code make?
    <p>The red kite</p>
    <h2>Fun facts</h2>
    <p>Hello, world!</p>
  29. 29.💬 How does an HTML comment start? (a) <!-- (b) /* (c) # (d) //
  30. 30.📝 What does <p> make? (a) a link (b) a picture (c) a table (d) a paragraph
  31. 31.🏷️ Is <li> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
  32. 32.💬 Which text will NOT show on the page?
    <!-- <p>Rain today</p> -->
    <p>Our school trip</p>
    <p>Fun facts</p>     (a) Fun facts (b) Rain today (c) Our school trip
  33. 33.📋 Does this list show bullets or numbers?
    <ul>
      <li>Orange</li>
      <li>Jamun</li>
    </ul>     (a) numbers (b) bullets
  34. 34.🔗 Which address opens when you click this link?
    <a href="contact.html">About us</a>     (a) contact.html (b) maths.html (c) About us (d) https://example.com
  35. 35.True or false: <ul> goes in the body. (a) False (b) True
  36. 36.True or false: <ol> lists things in any order. (a) True (b) False
  37. 37.🔠 How many heading levels does HTML have? (a) 10 (b) 6 (c) 3 (d) 4
  38. 38.True or false: HTML on its own cannot make a form. (a) False (b) True
  39. 39.True or false: a web browser hosts websites online. (a) True (b) False
  40. 40.🖼️ Why do we add alt text to an image? (a) to colour it (b) to load it faster (c) to make it bigger (d) to describe the image

Answer key

  1. 3
  2. <li>
  3. No
  4. shows pages from the web
  5. opens web pages for us
  6. 3
  7. Hello, world!
  8. No
  9. <meta>
  10. <title>
  11. 4
  12. numbers
  13. </p>
  14. Play games
  15. </em>
  16. 2
  17. <li>
  18. 1
  19. True
  20. False
  21. 4
  22. 3
  23. 2
  24. Visit the site
  25. <!DOCTYPE html>
  26. numbers
  27. 2
  28. 2
  29. <!--
  30. a paragraph
  31. an opening tag
  32. Rain today
  33. bullets
  34. contact.html
  35. True
  36. False
  37. 6
  38. False
  39. False
  40. to describe the image

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