Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 627 · 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 colour of light is strongest in rgb(87, 162, 77)? (a) red (b) blue (c) green
2. 2.🔁 When does the else part run? (a) when if is false (b) never (c) when if is true (d) always
3. 3.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="kite.png" alt="A red kite" width="200"> (a) A red kite (b) width (c) Map of India (d) kite.png
4. 4.✍️ How many declarations (property: value pairs) are in this rule?
   li {
     color: red;
   }
5. 5.⚖️ Which selector is the weakest? (a) a class selector (b) an element selector (c) an id selector
6. 6.Which of these is safe to do online? (a) share your OTP (b) type a password on http (c) meet an online stranger (d) keep passwords secret
7. 7.🌍 What is the path in this URL?
   https://www.example.net/games/chess.html (a) https (b) /about.html (c) www.example.net (d) /games/chess.html
8. 8.True or false: <h1> has a closing tag. (a) False (b) True
9. 9.🖼️ How many pixels wide is the picture drawn?
   <img src="moon.png" alt="The full moon" width="150">
10. 10.Which of these is the content? (a) the line round the box (b) space inside the border (c) space outside the border (d) the text or picture
11. 11.✍️ How many declarations (property: value pairs) are in this rule?
    .note {
      font-style: italic;
    }
12. 12.🧭 Which semantic tag helps you move around? (a) <article> (b) <nav> (c) <footer> (d) <main>
13. 13.🖼️ Which attribute of <img> describes the picture? (a) alt (b) height (c) src (d) width
14. 14.🔠 Which heading shows the SMALLEST text: <h4>, <h6>, <h3> or <h2>? (a) <h2> (b) <h4> (c) <h6> (d) <h3>
15. 15.🚀 Where in index.html does the link to style.css go? (a) in the footer (b) inside a <p> (c) in the head (d) after </html>
16. 16.⚡ What number does this code print?
    let a = 6;
    let b = 4;
    console.log(a * b);
17. 17.🔠 Which heading shows the SMALLEST text: <h2>, <h1>, <h6> or <h5>? (a) <h5> (b) <h1> (c) <h2> (d) <h6>
18. 18.🎨 What does CSS stand for? (a) Cascading Style Sheets (b) Computer Style Sheets (c) Colourful Site Styles (d) Creative Sheet System
19. 19.Which of these does CSS do? (a) gives the page structure (b) counts down a timer (c) lays out the page (d) reacts to a button click
20. 20.📝 Does <br> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
21. 21.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Sky is blue</p>
22. 22.🌈 In #rrggbb, which colour do the first two digits give? (a) red (b) green (c) black (d) blue
23. 23.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="250"> (a) kite.png (b) A red kite (c) cake.jpg (d) map.png
24. 24.🌍 What is the protocol in this URL?
    http://school.example.in/about.html (a) school.example.in (b) https (c) http (d) /about.html
25. 25.⚖️ What colour is the text of this element?
    <p class="big" id="logo">Hi</p>
    CSS:
    p { color: purple; }
    p { color: black; } (a) purple (b) black (c) green (d) blue
26. 26.🔗 Which words do you click on?
    <a href="games.html">Play games</a> (a) games.html (b) About us (c) href (d) Play games
27. 27.♿ A part of the page is under a <h1> heading. Which tag should its sub-heading use? (a) <h5> (b) <h2> (c) <h1> (d) <h4>
28. 28.True or false: HTML on its own can show paragraphs. (a) False (b) True
29. 29.📄 Can HTML on its own make tables? (a) Yes (b) No
30. 30.✍️ In color: blue; which part is the value? (a) color (b) ; (c) blue (d) :
31. 31.🛡️ Is it safe to use the same password on every site? (a) Yes (b) No
32. 32.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Mango</td><td>Jamun</td></tr>
      <tr><td>Litchi</td><td>Orange</td></tr>
      <tr><td>Mango</td><td>Banana</td></tr>
    </table>
33. 33.📝 Which tag makes a big box for many lines of text? (a) <textarea> (b) <p> (c) <br> (d) <input>
34. 34.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h1> (b) <h2> (c) <h3> (d) <h4>
35. 35.🛡️ Online: is it safe to share your password? (a) safe (b) not safe
36. 36.🌍 What is the domain name in this URL?
    https://school.example.in/games/chess.html (a) /games/chess.html (b) school.example.in (c) https (d) www.example.net
37. 37.📝 On how many lines does the browser show this paragraph?
    <p>Stars shine<br>Sky is blue<br>Kites fly high<br>Roses are red<br>Rivers flow</p>
38. 38.📝 How many paragraphs does this code make?
    <p>Our school trip</p>
    <p>I love mangoes.</p>
    <h2>My best friend</h2>
    <p>Our school trip</p>
    <h2>Fun facts</h2>
39. 39.Which of these does HTML do? (a) makes headings and lists (b) checks a quiz answer (c) reacts to a button click (d) lays out the page
40. 40.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Grapes</td><td>Grapes</td><td>Mango</td></tr>
      <tr><td>Grapes</td><td>Jamun</td><td>Jamun</td></tr>
      <tr><td>Litchi</td><td>Banana</td><td>Orange</td></tr>
    </table>

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