← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 193 · 40 questions
TalentJR

Code tip (Read it like a browser): Find the topic: HTML, CSS, JavaScript or how the web works. Read the code line by line, the way a browser would. For sums and loops, write each step down and check it again.

NameDateTime takenScore ___ / 40
  1. 1.📋 Which tag goes around each item of a list? (a) <ul> (b) <ol> (c) <p> (d) <li>
  2. 2.🛡️ Should you share your password with your best friend? (a) No (b) Yes
  3. 3.📝 Which input type picks a day? (a) password (b) checkbox (c) text (d) date
  4. 4.📊 How many cells does this table have in all?
    <table>
      <tr><td>Grapes</td><td>Grapes</td></tr>
      <tr><td>Orange</td><td>Banana</td></tr>
      <tr><td>Guava</td><td>Jamun</td></tr>
      <tr><td>Jamun</td><td>Litchi</td></tr>
    </table>
  5. 5.💪 Which justify-content value equal gaps, none at ends? (a) space-between (b) flex-start (c) center (d) flex-end
  6. 6.📋 Which list suits a shopping list in any order? (a) <br> (b) <ul> (c) <ol> (d) <hr>
  7. 7.What is <input type="number"> for? (a) is for one line of words (b) takes only numbers (c) picks a day (d) lets you pick only one
  8. 8.🔠 Which heading shows the SMALLEST text: <h4>, <h3>, <h2> or <h1>? (a) <h2> (b) <h4> (c) <h3> (d) <h1>
  9. 9.🖼️ Which attribute of <img> names the picture file? (a) src (b) height (c) width (d) alt
  10. 10.What does font-size do? (a) sets the letter colour (b) makes letters bigger (c) picks the font style (d) centres a heading
  11. 11.🎯 Which element does the selector .big style? (a) <span class="red"> (b) <span class="big"> (c) <span id="big"> (d) <p class="box">
  12. 12.🔠 Which heading shows the SMALLEST text: <h5>, <h4>, <h1> or <h3>? (a) <h1> (b) <h5> (c) <h4> (d) <h3>
  13. 13.🖌️ Where does the text sit on its line?
    p {
      text-align: left;
      color: red;
      background-color: white;
      font-size: 24px;
    }     (a) on the left (b) on the right (c) in the middle
  14. 14.Which of these is an empty tag? (a) <p> (b) <br> (c) <li> (d) <h1>
  15. 15.♿ Who uses a screen reader? (a) only robots (b) only coders (c) people who are blind (d) only teachers
  16. 16.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Try this poha.</p>
    </body>
    </html>     (a) index.html (b) Easy snacks (c) Riya’s Recipes (d) Try this poha.
  17. 17.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the body (b) in the head
  18. 18.🖼️ Which picture file does the browser load?
    <img src="map.png" alt="Map of India" width="200">     (a) dog.jpg (b) Map of India (c) cake.jpg (d) map.png
  19. 19.💬 How does an HTML comment start? (a) /* (b) <!-- (c) // (d) #
  20. 20.🔐 Is riya2014 a strong or a weak password? (a) strong (b) weak
  21. 21.🔗 Which attribute holds the address of a link? (a) alt (b) id (c) href (d) src
  22. 22.Which of these is safe to do online? (a) put secrets in comments (b) keep passwords secret (c) share your OTP (d) share your password
  23. 23.True or false: CSS reacts to a button click. (a) True (b) False
  24. 24.🖼️ Which attribute of <img> tells which image to load? (a) height (b) alt (c) width (d) src
  25. 25.🔠 How many headings are in this code?
    <h1>My best friend</h1>
    <p>My best friend</p>
    <h4>My best friend</h4>
    <h2>Good morning!</h2>
    <p>My best friend</p>
  26. 26.💬 How many paragraphs show on the page?
    <!-- <p>My pets</p> -->
    <p>The red kite</p>
    <!-- <p>Rain today</p> -->
  27. 27.✍️ Which sign ends each CSS declaration? (a) , (b) : (c) ; (d) .
  28. 28.🏷️ Is </li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
  29. 29.🌈 In #rrggbb, which colour do the first two digits give? (a) red (b) black (c) green (d) blue
  30. 30.🛡️ Online: is it safe to post your home address? (a) not safe (b) safe
  31. 31.📋 Which list tag shows bullet points? (a) <ul> (b) <li> (c) <ol>
  32. 32.📊 In a table, which tag is a row? (a) <tb> (b) <th> (c) <tr> (d) <td>
  33. 33.🌈 Which hex code is bright green? (a) #0000ff (b) #000000 (c) #ff0000 (d) #00ff00
  34. 34.✍️ CSS declarations go inside which brackets? (a) { } (b) [ ] (c) ( ) (d) < >
  35. 35.📊 How many cells are in each row?
    <table>
      <tr><td>Litchi</td><td>Orange</td></tr>
      <tr><td>Banana</td><td>Jamun</td></tr>
      <tr><td>Mango</td><td>Mango</td></tr>
    </table>
  36. 36.📊 Which tag makes a heading cell? (a) <caption> (b) <table> (c) <td> (d) <th>
  37. 37.True or false: <caption> makes one data cell. (a) True (b) False
  38. 38.🧭 Which semantic tag holds a side box of tips? (a) <footer> (b) <main> (c) <aside> (d) <nav>
  39. 39.True or false: in <img>, width describes the picture. (a) False (b) True
  40. 40.🌗 Is yellow on white easy or hard to read? (a) easy to read (b) hard to read

Answer key

  1. <li>
  2. No
  3. date
  4. 8
  5. space-between
  6. <ul>
  7. takes only numbers
  8. <h4>
  9. src
  10. makes letters bigger
  11. <span class="big">
  12. <h5>
  13. on the left
  14. <br>
  15. people who are blind
  16. Riya’s Recipes
  17. in the head
  18. map.png
  19. <!--
  20. weak
  21. href
  22. keep passwords secret
  23. False
  24. src
  25. 3
  26. 1
  27. ;
  28. a closing tag
  29. red
  30. not safe
  31. <ul>
  32. <tr>
  33. #00ff00
  34. { }
  35. 2
  36. <th>
  37. False
  38. <aside>
  39. False
  40. hard to read

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