Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 556 · 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.🚀 Should file names have spaces, like my page.html? (a) Yes (b) No
2. 2.🖌️ What colour are the letters?
   h1 {
     color: blue;
     text-align: left;
     background-color: black;
     font-size: 24px;
   } (a) blue (b) orange (c) black
3. 3.Which of these is an empty tag? (a) <title> (b) <ul> (c) <meta> (d) <p>
4. 4.📦 In the box model, which part is space outside the border? (a) content (b) border (c) margin (d) padding
5. 5.Which of these is a strong password? (a) Chai$Cup_19x (b) abcd1234 (c) 123456 (d) qwerty
6. 6.🖌️ Which CSS property colours behind the text? (a) color (b) font-weight (c) text-align (d) background-color
7. 7.🖌️ What colour are the letters?
   h2 {
     background-color: green;
     text-align: right;
     color: blue;
     font-size: 36px;
   } (a) blue (b) yellow (c) green
8. 8.✍️ Which sign ends each CSS declaration? (a) : (b) , (c) . (d) ;
9. 9.True or false: <table> holds the whole table. (a) False (b) True
10. 10.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 8; i++) {
      total = total + 8;
    }
    console.log(total);
11. 11.🔗 Where does this link open?
    <a href="contact.html">Play games</a> (a) in the same tab (b) in a new tab
12. 12.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) Try this poha. (b) Space Facts (c) body (d) All about me
13. 13.🌈 Which colour is #ffff00? (a) blue (b) yellow (c) magenta (d) white
14. 14.💬 How many paragraphs show on the page?
    <!-- <p>Our school trip</p> -->
    <p>Fun facts</p>
    <p>The red kite</p>
    <p>I love mangoes.</p>
    <!-- <p>Hello, world!</p> -->
15. 15.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 140px;
      padding: 30px;
      border: 5px solid black;
      margin: 0px;
    }
16. 16.📊 How many cells are in each row?
    <table>
      <tr><td>Jamun</td><td>Grapes</td></tr>
      <tr><td>Grapes</td><td>Litchi</td></tr>
      <tr><td>Banana</td><td>Banana</td></tr>
      <tr><td>Mango</td><td>Mango</td></tr>
    </table>
17. 17.True or false: <link rel="stylesheet"> goes in the head. (a) True (b) False
18. 18.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="100"> (a) tiger.jpg (b) width (c) A tiger asleep (d) A red kite
19. 19.🔢 When you open a web page, which comes first: “DNS finds the server” or “you type the URL”? (a) you type the URL (b) DNS finds the server
20. 20.True or false: <ul> shows 1, 2, 3 numbers. (a) True (b) False
21. 21.Which of these goes in the body? (a) <p> (b) <link rel="stylesheet"> (c) <meta charset="utf-8"> (d) <title>
22. 22.📝 Which tag makes a drop-down list? (a) <select> (b) <li> (c) <ol> (d) <ul>
23. 23.🧭 Which semantic tag helps you move around? (a) <header> (b) <nav> (c) <footer> (d) <main>
24. 24.✍️ What is the selector in this CSS rule?
    #top {
      font-style: italic;
      margin: 10px;
    } (a) #top (b) li (c) 10px (d) font-style
25. 25.📝 Does <b> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
26. 26.🌈 Which colour is #ff00ff? (a) black (b) blue (c) yellow (d) magenta
27. 27.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Roses are red<br>Kites fly high<br>Rivers flow<br>Stars shine</p>
28. 28.🖌️ Which CSS property makes letters bigger? (a) text-align (b) font-size (c) background-color (d) color
29. 29.🔢 When you open a web page, which comes first: “DNS finds the server” or “the browser asks it”? (a) the browser asks it (b) DNS finds the server
30. 30.💪 Which justify-content value packs boxes at the end? (a) flex-start (b) flex-end (c) space-between (d) center
31. 31.🎯 Which element does the selector h1 style? (a) <div id="main"> (b) <h2> (c) <h1 class="red"> (d) <li class="red">
32. 32.📝 Does <hr> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
33. 33.🌍 What is the path in this URL?
    http://learn.example.com/art/gallery.html (a) /art/gallery.html (b) http (c) /news/today.html (d) learn.example.com
34. 34.True or false: HTML on its own cannot make a form. (a) True (b) False
35. 35.🌐 Which one colours code to help us? (a) a web browser (b) a web server (c) a code editor
36. 36.True or false: .card is an id selector. (a) False (b) True
37. 37.True or false: alert(score); goes in index.html. (a) True (b) False
38. 38.Which of these is an empty tag? (a) <input> (b) <p> (c) <title> (d) <ul>
39. 39.True or false: .big is an element selector. (a) False (b) True
40. 40.Which of these is true of a web browser? (a) hosts websites online (b) opens web pages for us (c) sends pages over the net (d) colours code to help us

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