← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 728 · 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 of these is an opening tag? (a) </body> (b) <title> (c) </title> (d) </p>
  2. 2.🔗 Which address opens when you click this link?
    <a href="art.html">Contact us</a>     (a) news.html (b) Contact us (c) art.html (d) quiz.html
  3. 3.🔠 Which heading shows the BIGGEST text: <h1>, <h4>, <h2> or <h5>? (a) <h4> (b) <h2> (c) <h1> (d) <h5>
  4. 4.🖼️ Which attribute of <img> sets how tall it is? (a) src (b) height (c) alt (d) width
  5. 5.🔗 Which words do you click on?
    <a href="games.html">Contact us</a>     (a) Contact us (b) Visit the site (c) games.html (d) href
  6. 6.🔗 Which code links to about.html? (a) <a alt="about.html"> (b) <a src="about.html"> (c) <a href="about.html"> (d) <link about.html>
  7. 7.🔢 In a basic web page file, which comes first: “<html>” or “</head>”? (a) <html> (b) </head>
  8. 8.📋 How many items does this list show?
    <ol>
      <li>Guava</li>
      <li>Grapes</li>
    </ol>
  9. 9.🏷️ Is </p> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
  10. 10.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <h2>My pets</h2>
    <p>My pets</p>
  11. 11.📄 Can HTML on its own make headings? (a) No (b) Yes
  12. 12.🔍 Which is the odd one out? (a) has an address bar (b) shows pages from the web (c) opens web pages for us (d) is where we type code
  13. 13.True or false: <ol> shows 1, 2, 3 numbers. (a) True (b) False
  14. 14.🔠 Which heading shows the SMALLEST text: <h2>, <h1>, <h4> or <h3>? (a) <h3> (b) <h4> (c) <h2> (d) <h1>
  15. 15.📋 Which list tag shows bullet points? (a) <li> (b) <ul> (c) <ol>
  16. 16.💬 Which text will NOT show on the page?
    <p>The red kite</p>
    <p>My best friend</p>
    <p>My pets</p>
    <!-- <p>Our school trip</p> -->     (a) The red kite (b) My best friend (c) Our school trip (d) My pets
  17. 17.🖼️ How many pixels wide is the picture drawn?
    <img src="bus.jpg" alt="Our school bus" width="250">
  18. 18.💬 How many paragraphs show on the page?
    <!-- <p>My pets</p> -->
    <!-- <p>Cricket is fun.</p> -->
    <p>I love mangoes.</p>
  19. 19.🔠 How many headings are in this code?
    <h1>The red kite</h1>
    <h3>I love mangoes.</h3>
    <p>Hello, world!</p>
    <p>My pets</p>
    <h3>Hello, world!</h3>
  20. 20.Which of these is true of a web server? (a) is where we type code (b) answers page requests (c) shows pages from the web (d) colours code to help us
  21. 21.💾 A web page file usually ends with which extension? (a) .png (b) .mp3 (c) .txt (d) .html
  22. 22.🖼️ Which attribute of <img> shows if the image fails? (a) height (b) alt (c) width (d) src
  23. 23.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ul> (c) <hr> (d) <ol>
  24. 24.True or false: a web server turns HTML into a page. (a) False (b) True
  25. 25.🔗 Which address opens when you click this link?
    <a href="games.html">School news</a>     (a) contact.html (b) about.html (c) games.html (d) School news
  26. 26.🔠 How many <h1> headings should a page usually have? (a) 10 (b) 6 (c) 3 (d) 1
  27. 27.🔗 Which words do you click on?
    <a href="quiz.html">Visit the site</a>     (a) href (b) Maths fun (c) quiz.html (d) Visit the site
  28. 28.🔍 One closing tag is missing. Which one?
    <h1>My best friend</h1>
    <p>Rain today
    <h2>My pets</h2>     (a) </h1> (b) </strong> (c) </h2> (d) </p>
  29. 29.📝 What does <p> make? (a) a paragraph (b) a table (c) a picture (d) a link
  30. 30.Which of these has a closing tag? (a) <ul> (b) <img> (c) <meta> (d) <hr>
  31. 31.🔠 How many heading levels does HTML have? (a) 4 (b) 6 (c) 3 (d) 10
  32. 32.🔗 Which address opens when you click this link?
    <a href="news.html">Contact us</a>     (a) Contact us (b) news.html (c) quiz.html (d) games.html
  33. 33.📋 Does this list show bullets or numbers?
    <ul>
      <li>Grapes</li>
      <li>Mango</li>
    </ul>     (a) numbers (b) bullets
  34. 34.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>Good morning!</p>
    <h3>Good morning!</h3>
    <p>Fun facts</p>
  35. 35.🖼️ Which tag puts a picture on a page? (a) <p> (b) <pic> (c) <img> (d) <a>
  36. 36.🔍 Which is the odd one out? (a) colours code to help us (b) has an address bar (c) turns HTML into a page (d) shows pages from the web
  37. 37.🔠 Which heading shows the SMALLEST text: <h1>, <h3>, <h5> or <h2>? (a) <h1> (b) <h3> (c) <h5> (d) <h2>
  38. 38.🔠 Which heading shows the BIGGEST text: <h1>, <h6>, <h2> or <h3>? (a) <h6> (b) <h2> (c) <h3> (d) <h1>
  39. 39.🔠 Which heading shows the BIGGEST text: <h4>, <h6>, <h1> or <h5>? (a) <h5> (b) <h6> (c) <h1> (d) <h4>
  40. 40.🏷️ Which is the closing tag for <h3>? (a) <h3/> (b) </h3> (c) <\h3> (d) <h3>

Answer key

  1. <title>
  2. art.html
  3. <h1>
  4. height
  5. Contact us
  6. <a href="about.html">
  7. <html>
  8. 2
  9. a closing tag
  10. 2
  11. Yes
  12. is where we type code
  13. True
  14. <h4>
  15. <ul>
  16. Our school trip
  17. 250
  18. 1
  19. 3
  20. answers page requests
  21. .html
  22. alt
  23. <ol>
  24. False
  25. games.html
  26. 1
  27. Visit the site
  28. </p>
  29. a paragraph
  30. <ul>
  31. 6
  32. news.html
  33. bullets
  34. 2
  35. <img>
  36. colours code to help us
  37. <h5>
  38. <h1>
  39. <h1>
  40. </h3>

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