Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 382 · 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 heading shows the BIGGEST text: <h2>, <h1>, <h4> or <h5>? (a) <h4> (b) <h1> (c) <h5> (d) <h2>
2. 2.🔠 How many <h1> headings should a page usually have? (a) 3 (b) 6 (c) 1 (d) 10
3. 3.⚡ Which JavaScript word shows a pop-up box? (a) console.log() (b) alert() (c) if (d) for
4. 4.📝 How many paragraphs does this code make?
   <p>Cricket is fun.</p>
   <h2>Cricket is fun.</h2>
   <p>Our school trip</p>
5. 5.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
   .box {
     width: 150px;
     padding: 30px;
     border: 1px solid black;
     margin: 10px;
   }
6. 6.🔗 Which address opens when you click this link?
   <a href="maths.html">Contact us</a> (a) maths.html (b) news.html (c) art.html (d) Contact us
7. 7.True or false: HTML on its own cannot make a form. (a) False (b) True
8. 8.⚡ What number does this code print?
   let a = 9;
   let b = 6;
   console.log(a * b);
9. 9.Which of these is a strong password? (a) qwerty (b) abcd1234 (c) Blue@Tiger_74 (d) 111111
10. 10.📱 The screen is 375px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 22px;
      }
    }
11. 11.📦 In the box model, which part is space inside the border? (a) padding (b) border (c) margin (d) content
12. 12.🔢 On a typical page, from top to bottom, which comes first: “<main>” or “<header>”? (a) <header> (b) <main>
13. 13.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Rivers flow<br>Stars shine</p>
14. 14.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 200px;
      padding: 5px;
      border: 2px solid black;
      margin: 15px;
    }
15. 15.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) share it with friends (b) close it, tell an adult (c) type the password (d) click it twice
16. 16.🔠 Which heading shows the SMALLEST text: <h5>, <h2>, <h3> or <h6>? (a) <h2> (b) <h6> (c) <h3> (d) <h5>
17. 17.⚡ What does this code show?
    let name = "Zoya";
    alert("Well done, " + name + "!"); (a) name (b) Well done, Zoya! (c) Zoya (d) Well done, name!
18. 18.🌈 Which colour is #00ff00? (a) bright green (b) magenta (c) red (d) cyan
19. 19.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <p>My best friend</p>
    <p>Our school trip</p>
    <p>The red kite</p>
    <p>Cricket is fun.</p>
20. 20.🏷️ Is <title> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
21. 21.True or false: <article> holds a news story. (a) True (b) False
22. 22.True or false: .note is an id selector. (a) False (b) True
23. 23.True or false: in <img>, alt names the picture file. (a) False (b) True
24. 24.🛡️ Online: is it safe to keep passwords secret? (a) not safe (b) safe
25. 25.True or false: in <img>, alt is read by screen readers. (a) False (b) True
26. 26.🔢 When you open a web page, what comes right after “the server sends files”? (a) the browser shows it (b) you type the URL (c) the browser asks it (d) DNS finds the server
27. 27.Which of these does JavaScript do? (a) sets colours and fonts (b) makes a form box (c) rounds box corners (d) reacts to a button click
28. 28.🎯 Which sign starts an id selector? (a) & (b) @ (c) . (d) #
29. 29.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 4; i++) {
      total = total + i;
    }
    console.log(total);
30. 30.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="fruit"> Banana
      <input type="checkbox" name="fruit"> Guava
      <input type="checkbox" name="fruit"> Litchi
    </form>
31. 31.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>I like to read.</p>
    </body>
    </html> (a) I like to read. (b) Easy snacks (c) index.html (d) My Hobbies
32. 32.🌈 Which colour of light is strongest in rgb(189, 104, 39)? (a) red (b) green (c) blue
33. 33.Which of these is an opening tag? (a) </p> (b) <li> (c) </h1> (d) </b>
34. 34.💬 Which text will NOT show on the page?
    <!-- <p>Fun facts</p> -->
    <p>The red kite</p>
    <p>Our school trip</p> (a) Our school trip (b) The red kite (c) Fun facts
35. 35.✍️ CSS declarations go inside which brackets? (a) ( ) (b) [ ] (c) { } (d) < >
36. 36.Which of these is safe to do online? (a) post your home address (b) click prize links (c) share your password (d) log out on shared PCs
37. 37.Which of these does CSS do? (a) checks a quiz answer (b) gives the page structure (c) changes the text size (d) counts down a timer
38. 38.Which of these does CSS do? (a) makes headings and lists (b) makes a link (c) changes the page live (d) lays out the page
39. 39.📊 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>Grapes</td><td>Orange</td></tr>
      <tr><td>Grapes</td><td>Papaya</td><td>Mango</td></tr>
    </table>
40. 40.Which colour pair is easy to read? (a) yellow on black (b) yellow on white (c) pink on red (d) red on green

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