Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 257 · 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.True or false: CSS rounds box corners. (a) True (b) False
2. 2.✍️ What is the selector in this CSS rule?
   h1 {
     color: red;
     padding: 8px;
   } (a) 8px (b) p (c) h1 (d) color
3. 3.Which of these is a strong password? (a) qwerty (b) 123456 (c) iloveyou (d) Chai$Cup_19x
4. 4.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="map.png" alt="Map of India" width="300"> (a) width (b) Map of India (c) Birthday cake (d) map.png
5. 5.🔠 Which heading shows the SMALLEST text: <h6>, <h4>, <h2> or <h1>? (a) <h2> (b) <h4> (c) <h6> (d) <h1>
6. 6.🔍 Which is the odd one out? (a) makes a form box (b) gives the page structure (c) sets colours and fonts (d) makes headings and lists
7. 7.🌍 Which one is the page’s address? (a) the URL (b) the server (c) HTTPS (d) the browser
8. 8.Which colour pair is hard to read? (a) yellow on black (b) black on white (c) dark grey on white (d) light grey on white
9. 9.🔤 In “HTML”, what does the M stand for? (a) Machine (b) Modern (c) Markup (d) Mouse
10. 10.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 180px;
      justify-content: flex-end;
    }
    Inside are 2 boxes, each 80px wide (no margins).
11. 11.🔠 Which heading shows the SMALLEST text: <h3>, <h2>, <h4> or <h1>? (a) <h1> (b) <h3> (c) <h4> (d) <h2>
12. 12.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 255 (c) 1000 (d) 99
13. 13.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is free (b) the data is scrambled (c) the site is a game (d) the site is fast
14. 14.🔗 Which words do you click on?
    <a href="games.html">About us</a> (a) href (b) Contact us (c) games.html (d) About us
15. 15.🌈 Which hex code is bright green? (a) #ffff00 (b) #ff0000 (c) #00ffff (d) #00ff00
16. 16.Which of these does HTML do? (a) adds space around boxes (b) checks a quiz answer (c) makes headings and lists (d) counts down a timer
17. 17.True or false: a code editor shows pages from the web. (a) True (b) False
18. 18.📦 In the box model, which part is space outside the border? (a) content (b) border (c) margin (d) padding
19. 19.True or false: <h1> is an empty tag. (a) True (b) False
20. 20.🎯 Can many elements share the same class? (a) No (b) Yes
21. 21.🔁 How many times does this code print “Hello”?
    for (let i = 1; i <= 6; i++) {
      console.log("Hello");
    }
22. 22.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the shorter one (b) the first one (c) the later one (d) neither
23. 23.🛡️ Is it safe to use the same password on every site? (a) No (b) Yes
24. 24.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Sky is blue<br>Stars shine</p>
25. 25.✍️ In color: blue; which part is the value? (a) color (b) ; (c) : (d) blue
26. 26.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 50px;
      padding: 15px;
      border: 5px solid black;
      margin: 10px;
    }
27. 27.♿ Is this heading order correct (no level skipped)?
    <h1> → <h2> → <h2> → <h2> (a) No (b) Yes
28. 28.True or false: a code editor hosts websites online. (a) False (b) True
29. 29.Which of these is true of a web browser? (a) is where we type code (b) colours code to help us (c) saves our .html files (d) shows pages from the web
30. 30.Which of these is a closing tag? (a) <body> (b) <p> (c) </title> (d) <li>
31. 31.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 110px;
      padding: 30px;
      border: 1px solid black;
      margin: 5px;
    }
32. 32.Which of these is a weak password? (a) Chai$Cup_19x (b) Blue@Tiger_74 (c) Kite_Fl1es@Dawn (d) qwerty
33. 33.What does justify-content: flex-start do? (a) equal gaps, none at ends (b) puts boxes in the middle (c) packs boxes at the start (d) packs boxes at the end
34. 34.Which of these has a closing tag? (a) <title> (b) <br> (c) <meta> (d) <hr>
35. 35.📋 How many items does this list show?
    <ul>
      <li>Banana</li>
      <li>Orange</li>
      <li>Jamun</li>
      <li>Grapes</li>
    </ul>
36. 36.⚖️ What colour is the text of this element?
    <h2 class="box" id="end">Hi</h2>
    CSS:
    .box { color: purple; }
    .box { color: red; } (a) red (b) purple (c) yellow (d) white
37. 37.Which of these is not safe to do online? (a) type a password on http (b) keep passwords secret (c) think before you post (d) log out on shared PCs
38. 38.Which of these goes in the body? (a) <style> (b) <link rel="stylesheet"> (c) <a> (d) <meta charset="utf-8">
39. 39.📝 Which input type lets you pick only one? (a) email (b) text (c) date (d) radio
40. 40.⚡ Which JavaScript word runs code when true? (a) if (b) for (c) console.log() (d) let

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