Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 66 · 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.📝 Does <br> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
2. 2.🏷️ Is <li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
3. 3.What is <input type="date"> for? (a) picks a day (b) is for one line of words (c) takes only numbers (d) lets you tick many
4. 4.✍️ What value is given to font-size in this rule?
   .box {
     font-size: 20px;
     font-style: italic;
   } (a) yellow (b) 20px (c) center (d) font-size
5. 5.📝 On how many lines does the browser show this paragraph?
   <p>Sky is blue<br>Birds sing</p>
6. 6.🏷️ Is </p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
7. 7.💬 Which text will NOT show on the page?
   <p>Hello, world!</p>
   <p>Good morning!</p>
   <p>Rain today</p>
   <!-- <p>Our school trip</p> --> (a) Rain today (b) Good morning! (c) Hello, world! (d) Our school trip
8. 8.🚀 Which tag loads script.js into a page? (a) <a href="script.js"> (b) <script src="script.js"> (c) <js src="script.js"> (d) <link script.js>
9. 9.🎯 What kind of selector is img? (a) an element selector (b) an id selector (c) a class selector
10. 10.🔍 Which is the odd one out? (a) reacts to a button click (b) sets colours and fonts (c) lays out the page (d) rounds box corners
11. 11.🔗 Which words do you click on?
    <a href="maths.html">Maths fun</a> (a) Maths fun (b) href (c) maths.html (d) Art corner
12. 12.🔢 To build and share your first web page, which comes FIRST? (a) add CSS styles (b) write the HTML (c) plan what to show (d) test in a browser
13. 13.🖼️ How many pixels wide is the picture drawn?
    <img src="fort.jpg" alt="An old fort" width="250">
14. 14.💬 How many paragraphs show on the page?
    <p>My pets</p>
    <!-- <p>Hello, world!</p> -->
    <!-- <p>Good morning!</p> -->
15. 15.Which of these is safe to do online? (a) think before you post (b) share your OTP (c) post your home address (d) put secrets in comments
16. 16.🖌️ How big is the text, in px?
    h1 {
      color: orange;
      text-align: left;
      font-size: 40px;
      background-color: red;
    }
17. 17.🖌️ Which CSS property sets the letter colour? (a) font-weight (b) font-size (c) font-family (d) color
18. 18.What does font-weight do? (a) centres a heading (b) colours behind the text (c) makes letters bigger (d) makes the text bold
19. 19.True or false: to check for https first is not safe. (a) True (b) False
20. 20.🔗 What does target="_blank" do to a link? (a) makes it blank (b) opens it in a new tab (c) hides the link (d) makes it bold
21. 21.🧭 Who is helped most by semantic tags? (a) only the printer (b) screen-reader users (c) nobody (d) only the server
22. 22.Which colour pair is easy to read? (a) pink on red (b) red on green (c) black on white (d) yellow on white
23. 23.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="fruit"> Mango
      <input type="checkbox" name="fruit"> Banana
      <input type="checkbox" name="fruit"> Guava
      <input type="checkbox" name="fruit"> Papaya
      <input type="checkbox" name="fruit"> Litchi
    </form>
24. 24.🖼️ Which attribute of <img> is read by screen readers? (a) width (b) src (c) height (d) alt
25. 25.📄 Where does <img> go: in the head or in the body? (a) in the head (b) in the body
26. 26.🌈 Which colour is #ff00ff? (a) bright green (b) magenta (c) blue (d) red
27. 27.Which of these is an opening tag? (a) </body> (b) </h1> (c) <h1> (d) </li>
28. 28.True or false: HTML on its own can make links to pages. (a) True (b) False
29. 29.🏷️ Is <h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
30. 30.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
31. 31.⚖️ What colour is the text of this element?
    <h2 class="star" id="top">Hi</h2>
    CSS:
    .star { color: purple; }
    h2 { color: blue; }
    #top { color: white; } (a) blue (b) black (c) purple (d) white
32. 32.True or false: to check for https first is safe. (a) False (b) True
33. 33.🛡️ Online: is it safe to use a strong password? (a) safe (b) not safe
34. 34.✍️ Which sign ends each CSS declaration? (a) , (b) ; (c) . (d) :
35. 35.🌗 Is yellow on white easy or hard to read? (a) easy to read (b) hard to read
36. 36.📋 Does this list show bullets or numbers?
    <ol>
      <li>Litchi</li>
      <li>Banana</li>
      <li>Papaya</li>
    </ol> (a) bullets (b) numbers
37. 37.🏷️ Which is the closing tag for <em>? (a) <\em> (b) <em> (c) </em> (d) <em/>
38. 38.🛡️ Before typing a password on a site, check the address starts with ___. (a) www (b) ftp (c) https (d) http
39. 39.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) Space Facts (b) body (c) Welcome! (d) Thanks for visiting.
40. 40.📊 How many cells does this table have in all?
    <table>
      <tr><td>Jamun</td><td>Mango</td><td>Grapes</td></tr>
      <tr><td>Mango</td><td>Guava</td><td>Papaya</td></tr>
    </table>

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