← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 225 · 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 is the closing tag for <small>? (a) </small> (b) <small> (c) <small/> (d) <\small>
  2. 2.🔠 Which heading shows the SMALLEST text: <h6>, <h3>, <h4> or <h1>? (a) <h6> (b) <h4> (c) <h1> (d) <h3>
  3. 3.🔠 How many <h1> headings should a page usually have? (a) 10 (b) 6 (c) 1 (d) 3
  4. 4.🔗 Which words do you click on?
    <a href="news.html">Play games</a>     (a) news.html (b) About us (c) href (d) Play games
  5. 5.🖼️ Which picture file does the browser load?
    <img src="moon.png" alt="The full moon" width="200">     (a) moon.png (b) bus.jpg (c) fort.jpg (d) The full moon
  6. 6.🔗 Where does this link open?
    <a href="news.html" target="_blank">Visit the site</a>     (a) in the same tab (b) in a new tab
  7. 7.Which of these has a closing tag? (a) <input> (b) <meta> (c) <b> (d) <br>
  8. 8.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
  9. 9.🏷️ Is <li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
  10. 10.True or false: a web server shows pages from the web. (a) False (b) True
  11. 11.🔢 In a basic web page file, which comes LAST? (a) <head> (b) <!DOCTYPE html> (c) </body> (d) </html>
  12. 12.Which of these goes in the head? (a) <ul> (b) <table> (c) <link rel="stylesheet"> (d) <p>
  13. 13.📋 Which list tag lists steps in order? (a) <li> (b) <ol> (c) <ul>
  14. 14.🔠 Which heading shows the BIGGEST text: <h3>, <h2>, <h6> or <h4>? (a) <h2> (b) <h3> (c) <h4> (d) <h6>
  15. 15.🔗 Where does this link open?
    <a href="games.html" target="_blank">Take the quiz</a>     (a) in the same tab (b) in a new tab
  16. 16.📝 What does <br> do? (a) makes a list (b) starts a new line (c) makes text bold (d) adds a picture
  17. 17.🔍 Which line is missing its closing tag?
    line 1: <h1>My pets
    line 2: <p>Rain today</p>
    line 3: <h2>My best friend</h2>     (a) line 3 (b) line 2 (c) line 1
  18. 18.🔢 In a basic web page file, which comes first: “<html>” or “<head>”? (a) <head> (b) <html>
  19. 19.🔍 Which is the odd one out? (a) stores a website’s files (b) saves our .html files (c) colours code to help us (d) shows line numbers
  20. 20.🔍 Which is the odd one out? (a) opens web pages for us (b) has an address bar (c) shows pages from the web (d) is where we type code
  21. 21.🔠 Which heading shows the BIGGEST text: <h5>, <h3>, <h6> or <h1>? (a) <h1> (b) <h5> (c) <h3> (d) <h6>
  22. 22.Which of these is true of a web browser? (a) opens web pages for us (b) answers page requests (c) is where we type code (d) stores a website’s files
  23. 23.🔍 Which line is missing its closing tag?
    line 1: <h2>I love mangoes.
    line 2: <u>The red kite</u>
    line 3: <em>My best friend</em>     (a) line 3 (b) line 1 (c) line 2
  24. 24.🔗 Which address opens when you click this link?
    <a href="about.html">Maths fun</a>     (a) Maths fun (b) contact.html (c) https://example.com (d) about.html
  25. 25.💬 How does an HTML comment start? (a) // (b) <!-- (c) # (d) /*
  26. 26.💬 Which text will NOT show on the page?
    <!-- <p>My pets</p> -->
    <p>Cricket is fun.</p>
    <p>The red kite</p>     (a) Cricket is fun. (b) The red kite (c) My pets
  27. 27.🔍 Which is the odd one out? (a) shows pages from the web (b) turns HTML into a page (c) opens web pages for us (d) shows line numbers
  28. 28.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <h1> (c) <meta charset="utf-8"> (d) <title>
  29. 29.📋 Which list tag lists things in any order? (a) <li> (b) <ol> (c) <ul>
  30. 30.🏷️ Is <p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
  31. 31.💬 How many paragraphs show on the page?
    <!-- <p>I love mangoes.</p> -->
    <p>My pets</p>
    <p>The red kite</p>
    <p>Hello, world!</p>
    <!-- <p>Cricket is fun.</p> -->
  32. 32.📋 Which list tag shows 1, 2, 3 numbers? (a) <ol> (b) <ul> (c) <li>
  33. 33.📋 Does this list show bullets or numbers?
    <ol>
      <li>Mango</li>
      <li>Banana</li>
    </ol>     (a) bullets (b) numbers
  34. 34.📋 Which list tag is an unordered list? (a) <ol> (b) <li> (c) <ul>
  35. 35.🔠 How many headings are in this code?
    <h1>My best friend</h1>
    <p>My best friend</p>
    <p>Cricket is fun.</p>
    <p>Rain today</p>
  36. 36.🔠 Which heading shows the SMALLEST text: <h2>, <h1>, <h3> or <h6>? (a) <h3> (b) <h6> (c) <h2> (d) <h1>
  37. 37.📝 What does <hr> draw? (a) a picture (b) a line across the page (c) a table (d) a link
  38. 38.📝 On how many lines does the browser show this paragraph?
    <p>Stars shine<br>Birds sing<br>Roses are red</p>
  39. 39.True or false: <li> shows bullet points. (a) True (b) False
  40. 40.🖼️ Which tag puts a picture on a page? (a) <p> (b) <img> (c) <a> (d) <pic>

Answer key

  1. </small>
  2. <h6>
  3. 1
  4. Play games
  5. moon.png
  6. in a new tab
  7. <b>
  8. Yes
  9. an opening tag
  10. False
  11. </html>
  12. <link rel="stylesheet">
  13. <ol>
  14. <h2>
  15. in a new tab
  16. starts a new line
  17. line 1
  18. <html>
  19. stores a website’s files
  20. is where we type code
  21. <h1>
  22. opens web pages for us
  23. line 1
  24. about.html
  25. <!--
  26. My pets
  27. shows line numbers
  28. <h1>
  29. <ul>
  30. an opening tag
  31. 3
  32. <ol>
  33. numbers
  34. <ul>
  35. 1
  36. <h6>
  37. a line across the page
  38. 3
  39. False
  40. <img>

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