Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 136 · 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 sign goes between a property and its value? (a) : (b) = (c) ; (d) -
2. 2.🌈 Which colour is rgb(255, 255, 255)? (a) black (b) blue (c) yellow (d) white
3. 3.📋 What number does the browser show next to “Jamun”?
   <ol start="9">
     <li>Grapes</li>
     <li>Litchi</li>
     <li>Orange</li>
     <li>Papaya</li>
     <li>Jamun</li>
     <li>Banana</li>
   </ol>
4. 4.Which of these does HTML do? (a) changes the page live (b) adds space around boxes (c) rounds box corners (d) makes headings and lists
5. 5.✍️ How many declarations (property: value pairs) are in this rule?
   h2 {
     font-size: 20px;
     padding: 8px;
     font-weight: bold;
     background-color: yellow;
   }
6. 6.🌈 Which colour of light is strongest in rgb(124, 211, 122)? (a) red (b) blue (c) green
7. 7.⚡ What does this code show?
   let name = "Aman";
   console.log("Hello, " + name + "!"); (a) name (b) Aman (c) Hello, name! (d) Hello, Aman!
8. 8.🌍 What is the protocol in this URL?
   https://kids.example.org/games/chess.html (a) http (b) /games/chess.html (c) https (d) kids.example.org
9. 9.True or false: HTML on its own can pick a random number. (a) True (b) False
10. 10.♿ A part of the page is under a <h1> heading. Which tag should its sub-heading use? (a) <h6> (b) <h3> (c) <h1> (d) <h2>
11. 11.🔢 On a typical page, from top to bottom, which comes LAST? (a) <main> (b) <nav> (c) <header> (d) <footer>
12. 12.🖼️ 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
13. 13.💪 Which flexbox property picks row or column? (a) justify-content (b) flex-direction (c) display: flex (d) gap
14. 14.🏷️ Every HTML tag starts with which sign? (a) { (b) [ (c) ( (d) <
15. 15.🔁 How many times does this code print “Well done”?
    for (let i = 3; i < 8; i++) {
      console.log("Well done");
    }
16. 16.What does color do? (a) sets the letter colour (b) makes the text bold (c) centres a heading (d) colours behind the text
17. 17.✍️ What value is given to padding in this rule?
    h2 {
      font-style: italic;
      padding: 8px;
      font-weight: bold;
    } (a) padding (b) 8px (c) 2px solid (d) bold
18. 18.🔗 What does target="_blank" do to a link? (a) opens it in a new tab (b) makes it bold (c) makes it blank (d) hides the link
19. 19.⚡ What does JavaScript add to a web page? (a) the page title (b) only colours (c) the domain name (d) actions and changes
20. 20.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="checkbox">
      <input type="date">
      <input type="text">
      <input type="email">
      <input type="submit" value="Send">
    </form>
21. 21.⚡ Which JavaScript word repeats code? (a) console.log() (b) if (c) let (d) for
22. 22.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 9; i++) {
      total = total + 8;
    }
    console.log(total);
23. 23.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 440px;
      justify-content: space-between;
    }
    Inside are 4 boxes, each 50px wide (no margins).
24. 24.🔗 Which words do you click on?
    <a href="maths.html">Take the quiz</a> (a) href (b) maths.html (c) Play games (d) Take the quiz
25. 25.🔢 In a basic web page file, which comes FIRST? (a) </body> (b) <!DOCTYPE html> (c) </html> (d) <html>
26. 26.🖌️ What colour is behind the letters?
    li {
      background-color: purple;
      color: orange;
      text-align: center;
      font-size: 16px;
    } (a) orange (b) white (c) purple
27. 27.🌍 What is the path in this URL?
    https://www.example.net/about.html (a) https (b) www.example.net (c) /about.html (d) /maths/tables.html
28. 28.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 120px;
      padding: 5px;
      border: 1px solid black;
      margin: 5px;
    }
29. 29.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ul> (c) <hr> (d) <ol>
30. 30.📋 Does this list show bullets or numbers?
    <ul>
      <li>Grapes</li>
      <li>Jamun</li>
      <li>Banana</li>
    </ul> (a) numbers (b) bullets
31. 31.⚡ What number does this code print?
    let a = 7;
    let b = 11;
    console.log(a * b);
32. 32.🖼️ Which picture file does the browser load?
    <img src="fort.jpg" alt="An old fort" width="150"> (a) tiger.jpg (b) An old fort (c) kite.png (d) fort.jpg
33. 33.True or false: a web browser turns HTML into a page. (a) False (b) True
34. 34.📊 In a table, which tag is a row? (a) <tb> (b) <td> (c) <th> (d) <tr>
35. 35.🎯 Which sign starts a class selector? (a) @ (b) & (c) . (d) #
36. 36.🔠 Which heading shows the BIGGEST text: <h1>, <h5>, <h6> or <h2>? (a) <h5> (b) <h2> (c) <h6> (d) <h1>
37. 37.♿ Does this help everyone, or make the page harder to use: images with no alt? (a) makes it harder (b) helps everyone
38. 38.Which of these does CSS do? (a) changes the page live (b) sets colours and fonts (c) gives the page structure (d) reacts to a button click
39. 39.💬 Can anyone read your comments by viewing the page source? (a) Yes (b) No
40. 40.🌍 Which one scrambles data on its way? (a) the server (b) the browser (c) HTTPS (d) the URL

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