Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 551 · 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.📊 How many heading cells (<th>) does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
     <tr><td>Mango</td><td>Jamun</td><td>Grapes</td></tr>
     <tr><td>Mango</td><td>Orange</td><td>Jamun</td></tr>
     <tr><td>Papaya</td><td>Banana</td><td>Mango</td></tr>
   </table>
2. 2.📝 How many <input> tags are in this form?
   <form>
     <input type="text">
     <input type="email">
     <input type="submit" value="Send">
   </form>
3. 3.True or false: <ol> lists things in any order. (a) False (b) True
4. 4.🖌️ How big is the text, in px?
   h1 {
     text-align: left;
     font-size: 28px;
     color: blue;
     background-color: black;
   }
5. 5.True or false: <a href="a.html">Go</a> goes in script.js. (a) False (b) True
6. 6.⚡ Which JavaScript word runs code when true? (a) console.log() (b) if (c) alert() (d) for
7. 7.True or false: padding is space inside the border. (a) False (b) True
8. 8.📊 How many rows does this table have?
   <table>
     <tr><td>Jamun</td><td>Jamun</td></tr>
     <tr><td>Litchi</td><td>Banana</td></tr>
     <tr><td>Papaya</td><td>Banana</td></tr>
   </table>
9. 9.✍️ In color: blue; which part is the value? (a) ; (b) color (c) : (d) blue
10. 10.True or false: a web server sends pages over the net. (a) False (b) True
11. 11.⚡ What number does this code print?
    let score = 23;
    score = score + 4;
    score = score - 13;
    console.log(score);
12. 12.⚖️ 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
13. 13.🏷️ Is <h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
14. 14.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 210px;
      justify-content: center;
    }
    Inside are 3 boxes, each 50px wide (no margins).
15. 15.📋 Does this list show bullets or numbers?
    <ol>
      <li>Jamun</li>
      <li>Banana</li>
    </ol> (a) bullets (b) numbers
16. 16.🌈 Which hex code is white? (a) #ffffff (b) #ff0000 (c) #ffff00 (d) #00ffff
17. 17.🎯 Which element does the selector .red style? (a) <div class="box"> (b) <span class="star"> (c) <div id="red"> (d) <div class="red">
18. 18.🖌️ Which CSS property makes letters bigger? (a) font-size (b) font-weight (c) text-align (d) color
19. 19.💬 Which text will NOT show on the page?
    <p>Hello, world!</p>
    <!-- <p>The red kite</p> -->
    <p>Fun facts</p> (a) Hello, world! (b) Fun facts (c) The red kite
20. 20.🧭 Is <main> semantic or not semantic? (a) semantic (b) not semantic
21. 21.📋 Which tag goes around each item of a list? (a) <ol> (b) <li> (c) <ul> (d) <p>
22. 22.⚡ What does this code show?
    let name = "Arjun";
    console.log("Well done, " + name + "!"); (a) Well done, name! (b) Arjun (c) name (d) Well done, Arjun!
23. 23.🖼️ Which picture file does the browser load?
    <img src="fort.jpg" alt="An old fort" width="400"> (a) tiger.jpg (b) fort.jpg (c) An old fort (d) kite.png
24. 24.🔁 How many numbers does this code print?
    for (let i = 0; i < 8; i = i + 3) {
      console.log(i);
    }
25. 25.✍️ How many declarations (property: value pairs) are in this rule?
    li {
      background-color: yellow;
      font-weight: bold;
      font-size: 20px;
    }
26. 26.True or false: HTML makes a link. (a) True (b) False
27. 27.🧭 Which semantic tag holds the menu of links? (a) <footer> (b) <nav> (c) <aside> (d) <article>
28. 28.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>My drawings</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) index.html (b) My Hobbies (c) My drawings (d) Mars is red.
29. 29.True or false: “write clear link text” helps everyone use the page. (a) True (b) False
30. 30.🌍 What is the domain name in this URL?
    http://learn.example.com/art/gallery.html (a) /art/gallery.html (b) learn.example.com (c) http (d) www.example.com
31. 31.🎯 Which CSS selector matches this element?
    <span class="red" id="intro">Hello</span> (a) #intro (b) p (c) #red (d) .box
32. 32.🚀 Which file should this code go in: let score = 0; (a) index.html (b) script.js (c) style.css
33. 33.True or false: <ul> is an unordered list. (a) False (b) True
34. 34.📋 Which list suits a shopping list in any order? (a) <ol> (b) <ul> (c) <br> (d) <hr>
35. 35.True or false: CSS lays out the page. (a) True (b) False
36. 36.🌍 Which one is the page’s address? (a) the browser (b) the URL (c) the server (d) HTTPS
37. 37.📝 Which tag makes a drop-down list? (a) <ol> (b) <li> (c) <select> (d) <ul>
38. 38.♿ What does good colour contrast mean? (a) many bright colours (b) no colours at all (c) only red text (d) text stands out clearly
39. 39.📝 Does <img> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
40. 40.True or false: h1 { font-size: 32px; } goes in style.css. (a) False (b) True

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