Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 374 · 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.True or false: HTML makes a form box. (a) False (b) True
2. 2.🎯 What kind of selector is h1? (a) a class selector (b) an element selector (c) an id selector
3. 3.True or false: to keep passwords secret is safe. (a) False (b) True
4. 4.🔗 Which attribute holds the address of a link? (a) src (b) id (c) href (d) alt
5. 5.✍️ How many declarations (property: value pairs) are in this rule?
   li {
     margin: 10px;
     font-style: italic;
     background-color: yellow;
   }
6. 6.Which of these is a closing tag? (a) </li> (b) <b> (c) <p> (d) <h1>
7. 7.⚖️ What colour is the text of this element?
   <h1 class="red" id="main">Hi</h1>
   CSS:
   .red { color: purple; }
   .red { color: white; } (a) white (b) blue (c) purple (d) yellow
8. 8.🔗 What does target="_blank" do to a link? (a) makes it bold (b) makes it blank (c) hides the link (d) opens it in a new tab
9. 9.True or false: <ul> is an empty tag. (a) False (b) True
10. 10.📄 Where does <img> go: in the head or in the body? (a) in the head (b) in the body
11. 11.🔍 Which is the odd one out? (a) turns HTML into a page (b) sends pages over the net (c) has an address bar (d) opens web pages for us
12. 12.🖼️ Which picture file does the browser load?
    <img src="map.png" alt="Map of India" width="100"> (a) Map of India (b) cake.jpg (c) map.png (d) dog.jpg
13. 13.🔗 Where does this link open?
    <a href="games.html">Contact us</a> (a) in the same tab (b) in a new tab
14. 14.🔍 Which is the odd one out? (a) rounds box corners (b) lays out the page (c) sets colours and fonts (d) reacts to a button click
15. 15.🔢 To build and share your first web page, which comes first: “publish it online” or “add CSS styles”? (a) add CSS styles (b) publish it online
16. 16.🌈 In #rrggbb, which colour do the first two digits give? (a) green (b) blue (c) black (d) red
17. 17.🛡️ 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
18. 18.True or false: HTML on its own cannot add pictures to a page. (a) True (b) False
19. 19.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 9; i = i + 3) {
      console.log(i);
    }
20. 20.♿ Is this heading order correct (no level skipped)?
    <h1> → <h1> → <h2> → <h4> (a) Yes (b) No
21. 21.✍️ What value is given to font-size in this rule?
    h1 {
      font-size: 20px;
      font-weight: bold;
      margin: 10px;
    } (a) yellow (b) center (c) font-size (d) 20px
22. 22.🔠 How many <h1> headings should a page usually have? (a) 3 (b) 10 (c) 1 (d) 6
23. 23.🏷️ Every HTML tag starts with which sign? (a) < (b) ( (c) [ (d) {
24. 24.📊 Which tag makes a heading cell? (a) <caption> (b) <th> (c) <table> (d) <td>
25. 25.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 20px;
      }
    }
26. 26.🌍 What is the domain name in this URL?
    https://kids.example.org/art/gallery.html (a) https (b) kids.example.org (c) /art/gallery.html (d) school.example.in
27. 27.🔍 Which is the odd one out? (a) stores a website’s files (b) hosts websites online (c) is where we type code (d) answers page requests
28. 28.🌗 Is pink on red easy or hard to read? (a) hard to read (b) easy to read
29. 29.True or false: HTML on its own cannot make bullet lists. (a) False (b) True
30. 30.True or false: <nav> holds copyright notes. (a) False (b) True
31. 31.🌈 Which colour is #ff0000? (a) magenta (b) yellow (c) blue (d) red
32. 32.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 32px;
      }
    }
33. 33.🔁 What does this code print?
    let marks = 34;
    if (marks >= 18) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Try again (b) Pass
34. 34.🔗 Where does this link open?
    <a href="contact.html">Contact us</a> (a) in a new tab (b) in the same tab
35. 35.Which of these is a strong password? (a) 123456 (b) password (c) 111111 (d) Blue@Tiger_74
36. 36.🖌️ Which CSS property makes letters bigger? (a) color (b) font-size (c) text-align (d) font-weight
37. 37.♿ Does this help everyone, or make the page harder to use: write clear link text? (a) helps everyone (b) makes it harder
38. 38.🏷️ Which is the closing tag for <b>? (a) <b> (b) <\b> (c) </b> (d) <b/>
39. 39.Which of these has a closing tag? (a) <br> (b) <hr> (c) <ul> (d) <meta>
40. 40.🔠 Which tag is used for the main title on a page? (a) <br> (b) <h6> (c) <p> (d) <h1>

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