← HTML basics test lesson New set →

HTML Worksheet: Practice Test

HTML and CSS lesson 10: HTML basics test · Set 138 · 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 one stores a website’s files? (a) a web server (b) a web browser (c) a code editor
  2. 2.🔠 Which heading shows the SMALLEST text: <h6>, <h2>, <h4> or <h1>? (a) <h2> (b) <h6> (c) <h4> (d) <h1>
  3. 3.True or false: HTML on its own cannot pick a random number. (a) True (b) False
  4. 4.🔠 Which tag is the least important heading? (a) <h3> (b) <h6> (c) <p> (d) <h1>
  5. 5.🔗 Which address opens when you click this link?
    <a href="games.html">Play games</a>
    (a) games.html (b) about.html (c) contact.html (d) Play games
  6. 6.🔗 Which address opens when you click this link?
    <a href="https://example.com">Maths fun</a>
    (a) art.html (b) Maths fun (c) maths.html (d) https://example.com
  7. 7.📄 Can HTML on its own run a game loop? (a) No (b) Yes
  8. 8.Which of these is a closing tag? (a) <h1> (b) <b> (c) </b> (d) <p>
  9. 9.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>My best friend</p>
    <h2>Our school trip</h2>
    <p>My best friend</p>
    <h2>Fun facts</h2>
    <h2>Fun facts</h2>
  10. 10.True or false: a web server shows pages from the web. (a) False (b) True
  11. 11.🔠 Which heading shows the BIGGEST text: <h3>, <h6>, <h1> or <h2>? (a) <h2> (b) <h3> (c) <h1> (d) <h6>
  12. 12.💬 Which text will NOT show on the page?
    <!-- <p>Hello, world!</p> -->
    <p>I love mangoes.</p>
    <p>Cricket is fun.</p>
    <p>My best friend</p>
    (a) My best friend (b) I love mangoes. (c) Hello, world! (d) Cricket is fun.
  13. 13.📋 Which list tag is an unordered list? (a) <ul> (b) <li> (c) <ol>
  14. 14.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <!-- <p>Hello, world!</p> -->
    <!-- <p>The red kite</p> -->
  15. 15.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the head (b) in the body
  16. 16.🔤 In “HTML”, what do the letters HT stand for? (a) HyperText (b) High Tech (c) Hot Tags (d) Home Text
  17. 17.🔍 Which is the odd one out? (a) opens web pages for us (b) saves our .html files (c) colours code to help us (d) is where we type code
  18. 18.🔗 Which words do you click on?
    <a href="games.html">School news</a>
    (a) games.html (b) href (c) Take the quiz (d) School news
  19. 19.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <p>Our school trip</p>
    <p>Fun facts</p>
  20. 20.🔠 Which heading shows the SMALLEST text: <h3>, <h1>, <h6> or <h2>? (a) <h1> (b) <h6> (c) <h2> (d) <h3>
  21. 21.🔠 Which heading shows the BIGGEST text: <h2>, <h4>, <h6> or <h1>? (a) <h2> (b) <h6> (c) <h4> (d) <h1>
  22. 22.🔠 Which heading shows the BIGGEST text: <h6>, <h2>, <h1> or <h3>? (a) <h2> (b) <h3> (c) <h6> (d) <h1>
  23. 23.Which of these goes in the head? (a) <p> (b) <link rel="stylesheet"> (c) <a> (d) <h1>
  24. 24.🔍 Which is the odd one out? (a) shows pages from the web (b) opens web pages for us (c) answers page requests (d) turns HTML into a page
  25. 25.🔠 Which heading shows the BIGGEST text: <h3>, <h2>, <h1> or <h6>? (a) <h2> (b) <h1> (c) <h6> (d) <h3>
  26. 26.True or false: <li> is an empty tag. (a) True (b) False
  27. 27.🔠 How many <h1> headings should a page usually have? (a) 3 (b) 10 (c) 6 (d) 1
  28. 28.🏷️ Which is the closing tag for <h2>? (a) <\h2> (b) <h2/> (c) </h2> (d) <h2>
  29. 29.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="250">
    (a) width (b) A red kite (c) tiger.jpg (d) A tiger asleep
  30. 30.🔍 One closing tag is missing. Which one?
    <h3>Cricket is fun.
    <i>Our school trip</i>
    <u>I love mangoes.</u>
    (a) </u> (b) </b> (c) </i> (d) </h3>
  31. 31.📄 What is the first line of an HTML5 page? (a) <head> (b) <html> (c) <body> (d) <!DOCTYPE html>
  32. 32.🔠 Which heading shows the BIGGEST text: <h2>, <h3>, <h4> or <h1>? (a) <h2> (b) <h4> (c) <h3> (d) <h1>
  33. 33.Which of these is true of a code editor? (a) has an address bar (b) opens web pages for us (c) colours code to help us (d) stores a website’s files
  34. 34.🔍 One closing tag is missing. Which one?
    <h3>My pets
    <h2>My best friend</h2>
    <p>The red kite</p>
    (a) </u> (b) </h2> (c) </h3> (d) </p>
  35. 35.True or false: <ul> lists things in any order. (a) True (b) False
  36. 36.📝 What does <p> make? (a) a paragraph (b) a table (c) a picture (d) a link
  37. 37.🔠 Which heading shows the SMALLEST text: <h6>, <h2>, <h5> or <h1>? (a) <h1> (b) <h2> (c) <h6> (d) <h5>
  38. 38.💬 Which text will NOT show on the page?
    <!-- <p>My pets</p> -->
    <p>Good morning!</p>
    <p>Cricket is fun.</p>
    <p>The red kite</p>
    (a) Cricket is fun. (b) Good morning! (c) My pets (d) The red kite
  39. 39.True or false: <link rel="stylesheet"> goes in the head. (a) True (b) False
  40. 40.🌐 Which one has an address bar? (a) a code editor (b) a web browser (c) a web server

Answer key

  1. a web server
  2. <h6>
  3. True
  4. <h6>
  5. games.html
  6. https://example.com
  7. No
  8. </b>
  9. 3
  10. False
  11. <h1>
  12. Hello, world!
  13. <ul>
  14. 1
  15. in the head
  16. HyperText
  17. opens web pages for us
  18. School news
  19. 3
  20. <h6>
  21. <h1>
  22. <h1>
  23. <link rel="stylesheet">
  24. answers page requests
  25. <h1>
  26. False
  27. 1
  28. </h2>
  29. A tiger asleep
  30. </h3>
  31. <!DOCTYPE html>
  32. <h1>
  33. colours code to help us
  34. </h3>
  35. True
  36. a paragraph
  37. <h6>
  38. My pets
  39. True
  40. a web browser

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