← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 52 · 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.📄 Can HTML on its own pick a random number? (a) Yes (b) No
  2. 2.🔠 Are headings shown in bold by default? (a) No (b) Yes
  3. 3.🔠 Which heading shows the BIGGEST text: <h3>, <h5>, <h6> or <h2>? (a) <h5> (b) <h6> (c) <h2> (d) <h3>
  4. 4.🔍 Which is the odd one out? (a) sends pages over the net (b) has an address bar (c) hosts websites online (d) answers page requests
  5. 5.Which of these goes in the body? (a) <a> (b) <title> (c) <meta charset="utf-8"> (d) <link rel="stylesheet">
  6. 6.📄 Which part holds everything you see on the page? (a) the body (b) the title (c) the doctype (d) the head
  7. 7.📋 Which list tag shows bullet points? (a) <ul> (b) <li> (c) <ol>
  8. 8.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as a dot (b) as one space (c) as 5 spaces (d) as a new line
  9. 9.🔍 Which is the odd one out? (a) turns HTML into a page (b) opens web pages for us (c) shows pages from the web (d) saves our .html files
  10. 10.🔠 Which heading shows the BIGGEST text: <h6>, <h4>, <h5> or <h1>? (a) <h6> (b) <h5> (c) <h1> (d) <h4>
  11. 11.🔠 Which heading shows the BIGGEST text: <h3>, <h1>, <h6> or <h2>? (a) <h6> (b) <h2> (c) <h1> (d) <h3>
  12. 12.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Roses are red</p>
  13. 13.📄 Where does the text of <title> appear? (a) in a big heading (b) at the bottom (c) nowhere (d) on the browser tab
  14. 14.📋 How many items does this list show?
    <ol>
      <li>Jamun</li>
      <li>Grapes</li>
      <li>Litchi</li>
      <li>Mango</li>
      <li>Papaya</li>
    </ol>
  15. 15.🏷️ Is </p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
  16. 16.True or false: <li> is an unordered list. (a) True (b) False
  17. 17.🔍 Which is the odd one out? (a) shows line numbers (b) answers page requests (c) stores a website’s files (d) sends pages over the net
  18. 18.📝 On how many lines does the browser show this paragraph?
    <p>Kites fly high<br>Birds sing</p>
  19. 19.🔠 Which heading shows the SMALLEST text: <h2>, <h5>, <h4> or <h3>? (a) <h5> (b) <h2> (c) <h3> (d) <h4>
  20. 20.💬 How many paragraphs show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <!-- <p>The red kite</p> -->
    <p>I love mangoes.</p>
    <p>My pets</p>
    <!-- <p>Hello, world!</p> -->
  21. 21.💬 Which text will NOT show on the page?
    <p>My best friend</p>
    <!-- <p>My pets</p> -->
    <p>Good morning!</p>     (a) My best friend (b) Good morning! (c) My pets
  22. 22.🔠 Which tag is used for the main title on a page? (a) <br> (b) <h6> (c) <h1> (d) <p>
  23. 23.📄 Where does <title> go: in the head or in the body? (a) in the body (b) in the head
  24. 24.🔠 Which heading shows the SMALLEST text: <h1>, <h6>, <h4> or <h3>? (a) <h1> (b) <h6> (c) <h4> (d) <h3>
  25. 25.📄 Can HTML on its own keep a high score? (a) Yes (b) No
  26. 26.🔗 What does HyperText mean? (a) text with links (b) secret text (c) text in colour (d) very big text
  27. 27.🔢 In a basic web page file, which comes first: “<html>” or “</head>”? (a) <html> (b) </head>
  28. 28.🏷️ Which is the closing tag for <h1>? (a) <\h1> (b) </h1> (c) <h1> (d) <h1/>
  29. 29.🔠 Which heading shows the BIGGEST text: <h6>, <h4>, <h3> or <h5>? (a) <h4> (b) <h6> (c) <h5> (d) <h3>
  30. 30.📝 Does <title> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
  31. 31.🔢 In a basic web page file, which comes first: “<!DOCTYPE html>” or “<html>”? (a) <!DOCTYPE html> (b) <html>
  32. 32.💬 Which text will NOT show on the page?
    <p>Our school trip</p>
    <!-- <p>Good morning!</p> -->
    <p>My pets</p>     (a) My pets (b) Our school trip (c) Good morning!
  33. 33.🧩 An opening tag + content + a closing tag together make an ___. (a) element (b) attribute (c) address (d) editor
  34. 34.🔠 Which tag is the least important heading? (a) <p> (b) <h1> (c) <h3> (d) <h6>
  35. 35.True or false: HTML on its own can keep a high score. (a) False (b) True
  36. 36.📝 What does <br> do? (a) makes text bold (b) starts a new line (c) adds a picture (d) makes a list
  37. 37.🔗 Which address opens when you click this link?
    <a href="maths.html">Contact us</a>     (a) Contact us (b) maths.html (c) art.html (d) news.html
  38. 38.🖼️ Which picture file does the browser load?
    <img src="fort.jpg" alt="An old fort" width="50">     (a) kite.png (b) An old fort (c) fort.jpg (d) tiger.jpg
  39. 39.🔍 One closing tag is missing. Which one?
    <strong>Rain today</strong>
    <b>My best friend
    <h1>Fun facts</h1>     (a) </strong> (b) </i> (c) </b> (d) </h1>
  40. 40.💬 How does an HTML comment end? (a) */ (b) --> (c) >> (d) //

Answer key

  1. No
  2. Yes
  3. <h2>
  4. has an address bar
  5. <a>
  6. the body
  7. <ul>
  8. as one space
  9. saves our .html files
  10. <h1>
  11. <h1>
  12. 2
  13. on the browser tab
  14. 5
  15. a closing tag
  16. False
  17. shows line numbers
  18. 2
  19. <h5>
  20. 2
  21. My pets
  22. <h1>
  23. in the head
  24. <h6>
  25. No
  26. text with links
  27. <html>
  28. </h1>
  29. <h3>
  30. has a closing tag
  31. <!DOCTYPE html>
  32. Good morning!
  33. element
  34. <h6>
  35. False
  36. starts a new line
  37. maths.html
  38. fort.jpg
  39. </b>
  40. -->

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