← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 435 · 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 list tag is an ordered list? (a) <ol> (b) <li> (c) <ul>
  2. 2.🔠 Are headings shown in bold by default? (a) Yes (b) No
  3. 3.Which of these is true of a web server? (a) saves our .html files (b) sends pages over the net (c) shows pages from the web (d) shows line numbers
  4. 4.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="dog.jpg" alt="A happy dog" width="100">
    (a) The full moon (b) A happy dog (c) dog.jpg (d) width
  5. 5.🔢 In a basic web page file, which comes LAST? (a) </html> (b) <body> (c) </head> (d) <!DOCTYPE html>
  6. 6.Which of these is an empty tag? (a) <title> (b) <b> (c) <hr> (d) <p>
  7. 7.Which of these is an opening tag? (a) <p> (b) </li> (c) </p> (d) </body>
  8. 8.📛 In <a href="x.html">, what is href? (a) a comment (b) an element name (c) a closing tag (d) an attribute
  9. 9.🔗 Which address opens when you click this link?
    <a href="games.html">Maths fun</a>
    (a) about.html (b) games.html (c) contact.html (d) Maths fun
  10. 10.🔗 What does HyperText mean? (a) text in colour (b) secret text (c) text with links (d) very big text
  11. 11.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <h2>My best friend</h2>
    <h2>Hello, world!</h2>
    <h2>Good morning!</h2>
  12. 12.🏷️ Which is the closing tag for <i>? (a) </i> (b) <i> (c) <\i> (d) <i/>
  13. 13.🔗 Which words do you click on?
    <a href="news.html">School news</a>
    (a) href (b) news.html (c) Take the quiz (d) School news
  14. 14.True or false: in <img>, width sets how wide it is. (a) False (b) True
  15. 15.🏷️ What does a closing tag have that an opening tag does not? (a) a dot . (b) a dollar $ (c) a hash # (d) a slash /
  16. 16.📋 Which list tag lists things in any order? (a) <li> (b) <ol> (c) <ul>
  17. 17.💬 How does an HTML comment end? (a) // (b) >> (c) --> (d) */
  18. 18.True or false: a code editor stores a website’s files. (a) True (b) False
  19. 19.True or false: a code editor opens web pages for us. (a) False (b) True
  20. 20.True or false: <li> is an unordered list. (a) False (b) True
  21. 21.True or false: <li> has a closing tag. (a) False (b) True
  22. 22.🔠 Which heading shows the SMALLEST text: <h1>, <h3>, <h5> or <h6>? (a) <h1> (b) <h6> (c) <h3> (d) <h5>
  23. 23.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <p>Cricket is fun.</p>
    <h2>Hello, world!</h2>
    <h2>Good morning!</h2>
  24. 24.🔍 Which is the odd one out? (a) saves our .html files (b) sends pages over the net (c) is where we type code (d) colours code to help us
  25. 25.🌍 Which program shows a web page to us? (a) a music player (b) a web browser (c) a calculator (d) a paint program
  26. 26.🔗 Which words do you click on?
    <a href="contact.html">Play games</a>
    (a) contact.html (b) href (c) About us (d) Play games
  27. 27.💬 How does an HTML comment start? (a) # (b) // (c) /* (d) <!--
  28. 28.🌐 Which one has an address bar? (a) a web server (b) a web browser (c) a code editor
  29. 29.True or false: <li> is one item of a list. (a) True (b) False
  30. 30.📝 What does <hr> draw? (a) a link (b) a picture (c) a table (d) a line across the page
  31. 31.🔠 Which heading shows the SMALLEST text: <h4>, <h3>, <h5> or <h2>? (a) <h5> (b) <h3> (c) <h4> (d) <h2>
  32. 32.🔍 Which is the odd one out? (a) opens web pages for us (b) has an address bar (c) turns HTML into a page (d) hosts websites online
  33. 33.Which of these goes in the body? (a) <title> (b) <img> (c) <meta charset="utf-8"> (d) <link rel="stylesheet">
  34. 34.🔠 Which heading shows the BIGGEST text: <h2>, <h5>, <h4> or <h6>? (a) <h6> (b) <h4> (c) <h2> (d) <h5>
  35. 35.True or false: <ol> lists steps in order. (a) False (b) True
  36. 36.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
  37. 37.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <h4>Good morning!</h4>
    <h3>Rain today</h3>
  38. 38.📄 Can HTML on its own make links to pages? (a) Yes (b) No
  39. 39.Which of these has a closing tag? (a) <input> (b) <img> (c) <h1> (d) <hr>
  40. 40.🖼️ How many pixels wide is the picture drawn?
    <img src="fort.jpg" alt="An old fort" width="200">

Answer key

  1. <ol>
  2. Yes
  3. sends pages over the net
  4. A happy dog
  5. </html>
  6. <hr>
  7. <p>
  8. an attribute
  9. games.html
  10. text with links
  11. 4
  12. </i>
  13. School news
  14. True
  15. a slash /
  16. <ul>
  17. -->
  18. False
  19. False
  20. False
  21. True
  22. <h6>
  23. 3
  24. sends pages over the net
  25. a web browser
  26. Play games
  27. <!--
  28. a web browser
  29. True
  30. a line across the page
  31. <h5>
  32. hosts websites online
  33. <img>
  34. <h2>
  35. True
  36. Yes
  37. 3
  38. Yes
  39. <h1>
  40. 200

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