Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 433 · 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 is <input type="date"> for? (a) sends the form (b) lets you tick many (c) picks a day (d) lets you pick only one
2. 2.🧭 How many <main> parts should a page have? (a) ten (b) one (c) three (d) none
3. 3.🌐 Which one has an address bar? (a) a code editor (b) a web server (c) a web browser
4. 4.True or false: <ol> shows bullet points. (a) False (b) True
5. 5.💬 How many paragraphs show on the page?
   <!-- <p>My pets</p> -->
   <p>Hello, world!</p>
   <p>Cricket is fun.</p>
6. 6.📊 How many cells are in each row?
   <table>
     <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
     <tr><td>Mango</td><td>Grapes</td><td>Jamun</td></tr>
     <tr><td>Jamun</td><td>Guava</td><td>Grapes</td></tr>
   </table>
7. 7.🧩 Which language adds space around boxes? (a) CSS (b) HTML (c) JavaScript
8. 8.🔁 What does i++ do? (a) adds 1 to i (b) prints i (c) takes 1 from i (d) doubles i
9. 9.🔁 Which loop repeats code a set number of times? (a) let (b) if (c) else (d) for
10. 10.🛡️ Online: is it safe to meet an online stranger? (a) not safe (b) safe
11. 11.🏷️ Is <li> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
12. 12.✍️ How does a CSS comment start? (a) <!-- (b) // (c) /* (d) #
13. 13.📛 In <a href="x.html">, what is href? (a) an element name (b) a comment (c) an attribute (d) a closing tag
14. 14.💬 How many paragraphs show on the page?
    <p>Our school trip</p>
    <!-- <p>Fun facts</p> -->
    <!-- <p>The red kite</p> -->
    <p>I love mangoes.</p>
    <!-- <p>Hello, world!</p> -->
15. 15.🔗 Which address opens when you click this link?
    <a href="contact.html">Play games</a> (a) contact.html (b) Play games (c) https://example.com (d) maths.html
16. 16.🌐 Which one opens web pages for us? (a) a code editor (b) a web browser (c) a web server
17. 17.🛡️ Should you share your password with your best friend? (a) Yes (b) No
18. 18.🖌️ What colour is behind the letters?
    p {
      color: yellow;
      text-align: center;
      font-size: 20px;
      background-color: green;
    } (a) green (b) yellow (c) red
19. 19.True or false: in <img>, alt is read by screen readers. (a) False (b) True
20. 20.🔁 How many times does this code print “Hello”?
    for (let i = 1; i < 10; i++) {
      console.log("Hello");
    }
21. 21.🖌️ Which CSS property makes letters bigger? (a) font-size (b) font-weight (c) font-family (d) background-color
22. 22.🔍 One closing tag is missing. Which one?
    <strong>The red kite
    <p>I love mangoes.</p>
    <h1>My best friend</h1> (a) </p> (b) </h1> (c) </h3> (d) </strong>
23. 23.🎯 What kind of selector is body? (a) a class selector (b) an element selector (c) an id selector
24. 24.🏷️ HTML marks up text using ___. (a) wires (b) tags (c) keys (d) pixels
25. 25.📊 Which tag gives the table a title? (a) <tr> (b) <th> (c) <caption> (d) <table>
26. 26.Which of these is a closing tag? (a) </p> (b) <li> (c) <title> (d) <p>
27. 27.🎨 What does CSS stand for? (a) Cascading Style Sheets (b) Computer Style Sheets (c) Creative Sheet System (d) Colourful Site Styles
28. 28.True or false: <ol> shows 1, 2, 3 numbers. (a) True (b) False
29. 29.📋 Which list shows the steps of a recipe best? (a) <ol> (b) <ul> (c) <hr> (d) <br>
30. 30.🖼️ 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
31. 31.📝 Does <ul> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
32. 32.True or false: <main> sits at the very top. (a) True (b) False
33. 33.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 90px;
      padding: 5px;
      border: 1px solid black;
      margin: 10px;
    }
34. 34.💬 Which text will NOT show on the page?
    <p>Hello, world!</p>
    <p>My best friend</p>
    <p>Fun facts</p>
    <!-- <p>Rain today</p> --> (a) Fun facts (b) Rain today (c) My best friend (d) Hello, world!
35. 35.🎯 Which CSS selector matches this element?
    <h2 class="red" id="main">Hello</h2> (a) #logo (b) #red (c) .box (d) h2
36. 36.📱 The screen is 320px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (min-width: 1024px) {
      p {
        font-size: 26px;
      }
    } (a) Yes (b) No
37. 37.🖼️ Does <img> need a closing tag? (a) No (b) Yes
38. 38.📄 Where does <ul> go: in the head or in the body? (a) in the body (b) in the head
39. 39.🚀 Which tag loads script.js into a page? (a) <link script.js> (b) <script src="script.js"> (c) <js src="script.js"> (d) <a href="script.js">
40. 40.📊 Where do <td> cells go? (a) inside a <li> (b) inside the <head> (c) inside a <p> (d) inside a <tr>

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