Web Development Worksheet: Final Test

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

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.

1. 1.📋 What number does the browser show next to “Guava”?
   <ol start="5">
     <li>Litchi</li>
     <li>Guava</li>
     <li>Jamun</li>
   </ol>
2. 2.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ol> (c) <ul> (d) <hr>
3. 3.♿ Who uses a screen reader? (a) only teachers (b) only robots (c) people who are blind (d) only coders
4. 4.🧭 Why use <nav> instead of <div> for a menu? (a) it makes text red (b) it adds pictures (c) it tells its meaning (d) it loads faster
5. 5.Which of these does JavaScript do? (a) checks a quiz answer (b) makes headings and lists (c) adds space around boxes (d) gives the page structure
6. 6.⚖️ Which selector is the strongest? (a) an element selector (b) an id selector (c) a class selector
7. 7.💬 Which text will NOT show on the page?
   <p>Good morning!</p>
   <p>My best friend</p>
   <!-- <p>My pets</p> --> (a) My best friend (b) Good morning! (c) My pets
8. 8.🔍 One closing tag is missing. Which one?
   <i>My pets</i>
   <small>Rain today
   <em>Our school trip</em> (a) </i> (b) </u> (c) </em> (d) </small>
9. 9.🎯 Which CSS selector matches this element?
   <p class="note" id="main">Hello</p> (a) #note (b) h1 (c) #logo (d) p
10. 10.🛡️ Online: is it safe to use a strong password? (a) not safe (b) safe
11. 11.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>My best friend</p>
    <p>Hello, world!</p>
    <p>Good morning!</p>
12. 12.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Mango</td><td>Papaya</td><td>Mango</td><td>Guava</td></tr>
    </table>
13. 13.📊 How many cells are in each row?
    <table>
      <tr><td>Jamun</td><td>Mango</td></tr>
      <tr><td>Guava</td><td>Banana</td></tr>
      <tr><td>Papaya</td><td>Grapes</td></tr>
    </table>
14. 14.🧩 Which language puts a picture on a page? (a) JavaScript (b) CSS (c) HTML
15. 15.True or false: <main> holds the menu of links. (a) True (b) False
16. 16.🌈 Which colour is #ffff00? (a) magenta (b) blue (c) yellow (d) red
17. 17.🧩 Which language reacts to a button click? (a) HTML (b) CSS (c) JavaScript
18. 18.📋 Which list tag is an ordered list? (a) <li> (b) <ul> (c) <ol>
19. 19.📱 min-width: 800px applies when the screen is ___. (a) exactly 100px (b) turned off (c) 800px or narrower (d) 800px or wider
20. 20.True or false: <li> goes inside ul or ol. (a) True (b) False
21. 21.⚡ Which JavaScript word shows a pop-up box? (a) alert() (b) console.log() (c) if (d) let
22. 22.🌗 Is white on dark blue easy or hard to read? (a) easy to read (b) hard to read
23. 23.📋 How many items does this list show?
    <ul>
      <li>Mango</li>
      <li>Guava</li>
      <li>Papaya</li>
    </ul>
24. 24.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 3 (b) 2 (c) 4 (d) 6
25. 25.🚀 Which file should this code go in: h1 { font-size: 32px; } (a) style.css (b) script.js (c) index.html
26. 26.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>Rain today</p>
    <p>Hello, world!</p>
    <p>Our school trip</p>
27. 27.📋 Which list tag shows bullet points? (a) <li> (b) <ul> (c) <ol>
28. 28.🌐 Which one has an address bar? (a) a web server (b) a web browser (c) a code editor
29. 29.🖼️ Which tag puts a picture on a page? (a) <img> (b) <a> (c) <p> (d) <pic>
30. 30.✍️ In color: blue; which part is the property? (a) blue (b) : (c) color (d) ;
31. 31.🧭 Who is helped most by semantic tags? (a) screen-reader users (b) only the printer (c) nobody (d) only the server
32. 32.🧭 Is <header> semantic or not semantic? (a) not semantic (b) semantic
33. 33.🔗 Which words do you click on?
    <a href="games.html">Visit the site</a> (a) Maths fun (b) href (c) Visit the site (d) games.html
34. 34.💪 Which justify-content value puts boxes in the middle? (a) space-between (b) flex-start (c) flex-end (d) center
35. 35.🖼️ Does <img> need a closing tag? (a) Yes (b) No
36. 36.🛡️ Should you share your password with your best friend? (a) Yes (b) No
37. 37.🚀 Which file is best for the colours and fonts? (a) index.html (b) script.js (c) photo.jpg (d) style.css
38. 38.📋 Does this list show bullets or numbers?
    <ol>
      <li>Guava</li>
      <li>Grapes</li>
      <li>Orange</li>
    </ol> (a) numbers (b) bullets
39. 39.🔁 How many numbers does this code print?
    for (let i = 0; i < 5; i = i + 2) {
      console.log(i);
    }
40. 40.⚖️ Which selector is the weakest? (a) a class selector (b) an element selector (c) an id selector

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