Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 479 · 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 does color do? (a) centres a heading (b) sets the letter colour (c) colours behind the text (d) picks the font style
2. 2.📊 How many cells does this table have in all?
   <table>
     <tr><td>Mango</td><td>Grapes</td><td>Jamun</td><td>Jamun</td></tr>
     <tr><td>Orange</td><td>Litchi</td><td>Papaya</td><td>Litchi</td></tr>
     <tr><td>Litchi</td><td>Jamun</td><td>Jamun</td><td>Jamun</td></tr>
   </table>
3. 3.Which of these is a strong password? (a) Rain#Drop_42! (b) 123456 (c) iloveyou (d) qwerty
4. 4.🏷️ What does a closing tag have that an opening tag does not? (a) a dollar $ (b) a hash # (c) a dot . (d) a slash /
5. 5.✍️ Which sign ends each CSS declaration? (a) : (b) . (c) ; (d) ,
6. 6.💬 Which text will NOT show on the page?
   <p>I love mangoes.</p>
   <!-- <p>Rain today</p> -->
   <p>My pets</p> (a) Rain today (b) I love mangoes. (c) My pets
7. 7.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 12px;
   }
   @media (max-width: 480px) {
     p {
       font-size: 6px;
     }
   }
8. 8.✍️ In color: blue; which part is the value? (a) : (b) ; (c) color (d) blue
9. 9.📦 In the box model, which part is space outside the border? (a) padding (b) content (c) border (d) margin
10. 10.True or false: <td> makes one data cell. (a) False (b) True
11. 11.🎯 What kind of selector is #main? (a) a class selector (b) an id selector (c) an element selector
12. 12.🧭 Which semantic tag holds copyright notes? (a) <footer> (b) <nav> (c) <header> (d) <aside>
13. 13.🧩 Which language puts a picture on a page? (a) HTML (b) JavaScript (c) CSS
14. 14.🔠 Which heading shows the BIGGEST text: <h5>, <h1>, <h2> or <h3>? (a) <h5> (b) <h3> (c) <h2> (d) <h1>
15. 15.🌈 Which colour is rgb(0, 255, 0)? (a) magenta (b) black (c) bright green (d) red
16. 16.Which of these is not safe to do online? (a) tell a trusted adult (b) meet an online stranger (c) check for https first (d) log out on shared PCs
17. 17.🎯 Which sign starts an id selector? (a) @ (b) # (c) . (d) &
18. 18.⚡ What does alert() show? (a) a table (b) a picture (c) a new tab (d) a pop-up box
19. 19.🔤 In “HTML”, what does the L stand for? (a) Laptop (b) Line (c) Link (d) Language
20. 20.Which of these is an empty tag? (a) <ul> (b) <b> (c) <li> (d) <input>
21. 21.🖌️ Which CSS property makes letters bigger? (a) font-weight (b) color (c) font-size (d) text-align
22. 22.🎯 Which CSS selector matches this element?
    <h1 class="menu" id="main">Hello</h1> (a) .note (b) #logo (c) #menu (d) .menu
23. 23.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="colour"> Red
      <input type="checkbox" name="colour"> Blue
      <input type="checkbox" name="colour"> Green
    </form>
24. 24.🚀 Which file should this code go in: <p>Hello!</p> (a) style.css (b) script.js (c) index.html
25. 25.🖼️ Which tag puts a picture on a page? (a) <p> (b) <pic> (c) <a> (d) <img>
26. 26.📦 In the box model, which part is the line round the box? (a) margin (b) padding (c) border (d) content
27. 27.📱 Which tag helps phones show a page at the right size? (a) the title tag (b) the br tag (c) the hr tag (d) the viewport meta tag
28. 28.📄 Can HTML on its own add up two numbers? (a) Yes (b) No
29. 29.Which of these goes in the body? (a) <a> (b) <link rel="stylesheet"> (c) <meta charset="utf-8"> (d) <style>
30. 30.📱 max-width: 600px applies when the screen is ___. (a) 600px or wider (b) turned off (c) exactly 1000px (d) 600px or narrower
31. 31.True or false: <h1>My Site</h1> goes in style.css. (a) True (b) False
32. 32.📊 Which tag makes one table row? (a) <th> (b) <tr> (c) <table> (d) <td>
33. 33.Which of these is safe to do online? (a) post your home address (b) share your password (c) keep passwords secret (d) click prize links
34. 34.Which of these goes in the head? (a) <img> (b) <p> (c) <ul> (d) <meta charset="utf-8">
35. 35.🔠 Which heading shows the SMALLEST text: <h3>, <h2>, <h4> or <h6>? (a) <h6> (b) <h3> (c) <h4> (d) <h2>
36. 36.🖌️ What colour are the letters?
    li {
      text-align: right;
      color: red;
      background-color: blue;
      font-size: 16px;
    } (a) blue (b) red (c) purple
37. 37.📋 What number does the browser show next to “Litchi”?
    <ol start="2">
      <li>Orange</li>
      <li>Litchi</li>
      <li>Papaya</li>
    </ol>
38. 38.💪 Which justify-content value puts boxes in the middle? (a) flex-start (b) flex-end (c) center (d) space-between
39. 39.🔠 Which heading shows the BIGGEST text: <h3>, <h5>, <h4> or <h1>? (a) <h4> (b) <h1> (c) <h5> (d) <h3>
40. 40.Which colour pair is easy to read? (a) yellow on white (b) dark grey on white (c) light grey on white (d) pink on red

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