Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 323 · 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.📝 Which tag makes a drop-down list? (a) <li> (b) <ul> (c) <select> (d) <ol>
2. 2.🔍 Which is the odd one out? (a) hosts websites online (b) answers page requests (c) colours code to help us (d) stores a website’s files
3. 3.🌍 What is the protocol in this URL?
   https://kids.example.org/index.html (a) kids.example.org (b) http (c) /index.html (d) https
4. 4.🔠 How many <h1> headings should a page usually have? (a) 1 (b) 6 (c) 10 (d) 3
5. 5.🛡️ Online: is it safe to type a password on http? (a) safe (b) not safe
6. 6.🔁 What is the LAST number this code prints?
   for (let i = 0; i < 8; i = i + 4) {
     console.log(i);
   }
7. 7.💪 How much empty space (px) is before the first box?
   .row {
     display: flex;
     width: 220px;
     justify-content: center;
   }
   Inside are 2 boxes, each 80px wide (no margins).
8. 8.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 7; i++) {
     total = total + 2;
   }
   console.log(total);
9. 9.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) write the HTML (b) add CSS styles (c) plan what to show (d) publish it online
10. 10.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="100"> (a) A red kite (b) map.png (c) cake.jpg (d) kite.png
11. 11.What does font-family do? (a) makes the text bold (b) colours behind the text (c) makes letters bigger (d) picks the font style
12. 12.🏷️ Which is the closing tag for <h2>? (a) <h2> (b) <h2/> (c) <\h2> (d) </h2>
13. 13.🔒 Is the connection to this address scrambled (encrypted)?
    https://www.example.com/games/chess.html (a) Yes (b) No
14. 14.Which of these is margin? (a) space outside the border (b) space inside the border (c) the text or picture (d) the line round the box
15. 15.🛡️ Should you share your password with your best friend? (a) Yes (b) No
16. 16.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 9; i++) {
      total = total + i;
    }
    console.log(total);
17. 17.🖌️ Which CSS property sets the letter colour? (a) text-align (b) color (c) font-weight (d) font-family
18. 18.🔠 Which heading shows the BIGGEST text: <h4>, <h1>, <h5> or <h3>? (a) <h3> (b) <h4> (c) <h1> (d) <h5>
19. 19.📄 Where does <title> go: in the head or in the body? (a) in the body (b) in the head
20. 20.🖌️ How big is the text, in px?
    h2 {
      color: blue;
      text-align: left;
      background-color: white;
      font-size: 12px;
    }
21. 21.🎯 Which CSS selector matches this element?
    <h2 class="box" id="end">Hello</h2> (a) .end (b) #box (c) h2 (d) li
22. 22.🔐 Is Chai$Cup_19x a strong or a weak password? (a) weak (b) strong
23. 23.📊 Which tag gives the table a title? (a) <table> (b) <tr> (c) <caption> (d) <th>
24. 24.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Litchi</td><td>Jamun</td><td>Litchi</td></tr>
      <tr><td>Papaya</td><td>Litchi</td><td>Mango</td></tr>
    </table>
25. 25.⚡ What number does this code print?
    let a = 20;
    let b = 8;
    console.log(a - b);
26. 26.🌈 In #00d000 the green part is the hex number d0. What is it as a normal number?
27. 27.True or false: the URL scrambles data on its way. (a) True (b) False
28. 28.🔠 Which heading shows the SMALLEST text: <h6>, <h2>, <h5> or <h4>? (a) <h4> (b) <h2> (c) <h6> (d) <h5>
29. 29.🎯 What kind of selector is .note? (a) a class selector (b) an id selector (c) an element selector
30. 30.Which of these is true of a code editor? (a) answers page requests (b) shows line numbers (c) turns HTML into a page (d) opens web pages for us
31. 31.🔠 How many heading levels does HTML have? (a) 4 (b) 6 (c) 3 (d) 10
32. 32.♿ A part of the page is under a <h4> heading. Which tag should its sub-heading use? (a) <h6> (b) <h5> (c) <h4> (d) <h3>
33. 33.True or false: to tell a trusted adult is not safe. (a) False (b) True
34. 34.🌈 In #960000 the red part is the hex number 96. What is it as a normal number?
35. 35.🔁 Which word runs code only when something is true? (a) log (b) let (c) for (d) if
36. 36.🌍 Which one shows the page to you? (a) the URL (b) the server (c) the browser (d) HTTPS
37. 37.🖼️ Which attribute of <img> describes the picture? (a) height (b) width (c) src (d) alt
38. 38.📋 How many items does this list show?
    <ol>
      <li>Mango</li>
      <li>Grapes</li>
      <li>Jamun</li>
    </ol>
39. 39.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Banana</td><td>Orange</td></tr>
      <tr><td>Orange</td><td>Litchi</td></tr>
    </table>
40. 40.True or false: alert("Hi"); goes in style.css. (a) False (b) True

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