Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 666 · 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 headings are in this code?
   <h1>Rain today</h1>
   <h3>Cricket is fun.</h3>
   <p>Our school trip</p>
2. 2.📊 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>Mango</td><td>Guava</td></tr>
     <tr><td>Jamun</td><td>Banana</td><td>Guava</td></tr>
     <tr><td>Mango</td><td>Orange</td><td>Mango</td></tr>
   </table>
3. 3.🌍 Which one asks for a web page? (a) the browser (b) the URL (c) the server (d) HTTPS
4. 4.Which of these is an empty tag? (a) <b> (b) <input> (c) <h1> (d) <p>
5. 5.Which of these does CSS do? (a) changes the page live (b) lays out the page (c) puts a picture on a page (d) shows a pop-up message
6. 6.💬 How many paragraphs show on the page?
   <p>Rain today</p>
   <!-- <p>The red kite</p> -->
   <p>Good morning!</p>
   <p>Fun facts</p>
7. 7.⚖️ Which selector is the weakest? (a) an element selector (b) an id selector (c) a class selector
8. 8.True or false: CSS counts down a timer. (a) False (b) True
9. 9.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="checkbox" name="sport"> Chess
     <input type="checkbox" name="sport"> Hockey
     <input type="checkbox" name="sport"> Kabaddi
   </form>
10. 10.✍️ What is the selector in this CSS rule?
    h1 {
      color: red;
      font-style: italic;
      border: 2px solid;
    } (a) h1 (b) color (c) italic (d) p
11. 11.📝 Which tag holds a whole form? (a) <input> (b) <ol> (c) <table> (d) <form>
12. 12.⚖️ What colour is the text of this element?
    <h1 class="box" id="top">Hi</h1>
    CSS:
    h1 { color: black; }
    h1 { color: blue; } (a) green (b) white (c) blue (d) black
13. 13.📊 How many rows does this table have?
    <table>
      <tr><td>Papaya</td><td>Grapes</td><td>Banana</td><td>Orange</td></tr>
      <tr><td>Orange</td><td>Papaya</td><td>Orange</td><td>Guava</td></tr>
      <tr><td>Guava</td><td>Banana</td><td>Grapes</td><td>Guava</td></tr>
      <tr><td>Orange</td><td>Jamun</td><td>Litchi</td><td>Mango</td></tr>
    </table>
14. 14.📝 Which input type is for an email address? (a) text (b) checkbox (c) email (d) password
15. 15.Which of these is true of a code editor? (a) has an address bar (b) hosts websites online (c) shows line numbers (d) sends pages over the net
16. 16.🖼️ Which picture file does the browser load?
    <img src="dog.jpg" alt="A happy dog" width="200"> (a) A happy dog (b) moon.png (c) dog.jpg (d) bus.jpg
17. 17.🛡️ Online: is it safe to use a strong password? (a) safe (b) not safe
18. 18.🌍 What is the protocol in this URL?
    https://www.example.com/about.html (a) http (b) www.example.com (c) https (d) /about.html
19. 19.🔠 Which heading shows the SMALLEST text: <h2>, <h4>, <h1> or <h6>? (a) <h2> (b) <h4> (c) <h6> (d) <h1>
20. 20.⚖️ What colour is the text of this element?
    <p class="red" id="intro">Hi</p>
    CSS:
    p { color: black; }
    p { color: green; } (a) blue (b) yellow (c) black (d) green
21. 21.🖼️ Why do we add alt text to an image? (a) to load it faster (b) to make it bigger (c) to colour it (d) to describe the image
22. 22.🎯 Which sign starts a class selector? (a) # (b) @ (c) & (d) .
23. 23.🏷️ Every HTML tag starts with which sign? (a) [ (b) ( (c) { (d) <
24. 24.💬 Which text will NOT show on the page?
    <!-- <p>Our school trip</p> -->
    <p>Rain today</p>
    <p>My pets</p>
    <p>Good morning!</p> (a) My pets (b) Good morning! (c) Rain today (d) Our school trip
25. 25.⚖️ Which selector is the strongest? (a) an element selector (b) a class selector (c) an id selector
26. 26.🔠 Which tag is used for the main title on a page? (a) <p> (b) <h6> (c) <h1> (d) <br>
27. 27.True or false: <li> goes inside ul or ol. (a) False (b) True
28. 28.🔗 Which words do you click on?
    <a href="about.html">About us</a> (a) about.html (b) Contact us (c) About us (d) href
29. 29.📋 What number does the browser show next to “Jamun”?
    <ol start="8">
      <li>Papaya</li>
      <li>Jamun</li>
      <li>Grapes</li>
      <li>Litchi</li>
    </ol>
30. 30.⚡ Where does console.log() show its output? (a) in the address bar (b) in the console (c) on the printer (d) on the title bar
31. 31.True or false: <footer> holds copyright notes. (a) True (b) False
32. 32.🔐 Is S0lar!Pen#8 a strong or a weak password? (a) strong (b) weak
33. 33.📝 Which tag makes a big box for many lines of text? (a) <textarea> (b) <input> (c) <br> (d) <p>
34. 34.📊 Where do <td> cells go? (a) inside a <tr> (b) inside a <li> (c) inside the <head> (d) inside a <p>
35. 35.Which of these is not safe to do online? (a) keep passwords secret (b) tell a trusted adult (c) use a strong password (d) meet an online stranger
36. 36.⚡ What number does this code print?
    let apples = 15;
    apples = apples + 17;
    apples = apples - 6;
    console.log(apples);
37. 37.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="kite.png" alt="A red kite" width="350"> (a) kite.png (b) Map of India (c) width (d) A red kite
38. 38.True or false: <meta> has a closing tag. (a) True (b) False
39. 39.🔗 Which address opens when you click this link?
    <a href="contact.html">Art corner</a> (a) contact.html (b) Art corner (c) https://example.com (d) maths.html
40. 40.✍️ Which sign ends each CSS declaration? (a) . (b) ; (c) , (d) :

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