Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 198 · 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.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
2. 2.💬 Which text will NOT show on the page?
   <p>My pets</p>
   <!-- <p>I love mangoes.</p> -->
   <p>My best friend</p> (a) My best friend (b) I love mangoes. (c) My pets
3. 3.📋 Which tag goes around each item of a list? (a) <ol> (b) <li> (c) <p> (d) <ul>
4. 4.📋 Does this list show bullets or numbers?
   <ol>
     <li>Grapes</li>
     <li>Litchi</li>
   </ol> (a) bullets (b) numbers
5. 5.📝 On how many lines does the browser show this paragraph?
   <p>Kites fly high<br>Stars shine<br>Birds sing</p>
6. 6.🔐 Is Blue@Tiger_74 a strong or a weak password? (a) strong (b) weak
7. 7.🖼️ Which picture file does the browser load?
   <img src="cake.jpg" alt="Birthday cake" width="100"> (a) moon.png (b) cake.jpg (c) dog.jpg (d) Birthday cake
8. 8.📱 The screen is 700px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 20px;
   }
   @media (min-width: 480px) {
     p {
       font-size: 24px;
     }
   }
9. 9.Which of these does HTML do? (a) changes the page live (b) puts a picture on a page (c) shows a pop-up message (d) changes the text size
10. 10.🔢 When you open a web page, which comes LAST? (a) the server sends files (b) the browser shows it (c) you type the URL (d) the browser asks it
11. 11.🌈 In #rrggbb, which colour do the last two digits give? (a) red (b) white (c) blue (d) green
12. 12.⚡ Which word makes a new variable? (a) give (b) let (c) put (d) make
13. 13.Which of these is a weak password? (a) S0lar!Pen#8 (b) Rain#Drop_42! (c) Kite_Fl1es@Dawn (d) qwerty
14. 14.🧭 How many <main> parts should a page have? (a) three (b) none (c) ten (d) one
15. 15.True or false: <input type="radio"> sends the form. (a) False (b) True
16. 16.🔁 How many numbers does this code print?
    for (let i = 0; i < 5; i = i + 4) {
      console.log(i);
    }
17. 17.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <h2>My pets</h2>
    <h4>Good morning!</h4>
18. 18.Which of these is true of a web server? (a) is where we type code (b) sends pages over the net (c) colours code to help us (d) shows pages from the web
19. 19.🔁 How many numbers does this code print?
    for (let i = 0; i < 14; i = i + 2) {
      console.log(i);
    }
20. 20.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) close it, tell an adult (b) type the password (c) click it twice (d) share it with friends
21. 21.True or false: a web server colours code to help us. (a) True (b) False
22. 22.⚡ What does this code show?
    let name = "Arjun";
    alert("Well done, " + name + "!"); (a) name (b) Well done, Arjun! (c) Arjun (d) Well done, name!
23. 23.True or false: the border is the line round the box. (a) False (b) True
24. 24.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 210px;
      justify-content: space-between;
    }
    Inside are 2 boxes, each 80px wide (no margins).
25. 25.⚡ What does this code show?
    let name = "Aman";
    console.log("Welcome, " + name + "!"); (a) name (b) Aman (c) Welcome, Aman! (d) Welcome, name!
26. 26.🎯 Can many elements share the same class? (a) No (b) Yes
27. 27.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 70px;
      padding: 25px;
      border: 3px solid black;
      margin: 0px;
    }
28. 28.♿ What does good colour contrast mean? (a) no colours at all (b) text stands out clearly (c) many bright colours (d) only red text
29. 29.📋 Does this list show bullets or numbers?
    <ol>
      <li>Mango</li>
      <li>Litchi</li>
    </ol> (a) bullets (b) numbers
30. 30.🔗 Which tag makes a clickable link? (a) <p> (b) <a> (c) <img> (d) <link>
31. 31.Which of these has a closing tag? (a) <br> (b) <li> (c) <hr> (d) <input>
32. 32.✍️ Which sign goes between a property and its value? (a) - (b) = (c) : (d) ;
33. 33.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="100"> (a) A red kite (b) width (c) tiger.jpg (d) A tiger asleep
34. 34.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 90px;
      padding: 10px;
      border: 1px solid black;
      margin: 20px;
    }
35. 35.🔍 Which is the odd one out? (a) hosts websites online (b) sends pages over the net (c) has an address bar (d) stores a website’s files
36. 36.📋 How many items does this list show?
    <ol>
      <li>Papaya</li>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Orange</li>
      <li>Guava</li>
      <li>Jamun</li>
    </ol>
37. 37.🔠 Which heading shows the BIGGEST text: <h5>, <h3>, <h2> or <h1>? (a) <h3> (b) <h5> (c) <h2> (d) <h1>
38. 38.🌈 Which hex code is red? (a) #ff0000 (b) #0000ff (c) #00ffff (d) #ffff00
39. 39.📝 Which input type is for an email address? (a) email (b) checkbox (c) date (d) submit
40. 40.🌐 Which one answers page requests? (a) a web browser (b) a web server (c) a code editor

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