Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 836 · 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 tag is used for the main title on a page? (a) <br> (b) <p> (c) <h1> (d) <h6>
2. 2.🧩 Which language makes headings and lists? (a) HTML (b) JavaScript (c) CSS
3. 3.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) type the password (b) click it twice (c) share it with friends (d) close it, tell an adult
4. 4.🚀 Which file should this code go in: <img src="cat.png"> (a) style.css (b) index.html (c) script.js
5. 5.🔢 On a typical page, from top to bottom, what comes right after “<header>”? (a) <main> (b) <nav> (c) <footer>
6. 6.Which of these is an opening tag? (a) <p> (b) </h1> (c) </title> (d) </p>
7. 7.📝 Does <br> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
8. 8.🖌️ Which CSS property sets the letter colour? (a) font-weight (b) background-color (c) font-family (d) color
9. 9.Which of these is not safe to do online? (a) use a strong password (b) check for https first (c) think before you post (d) share your OTP
10. 10.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Papaya</td><td>Orange</td><td>Litchi</td></tr>
      <tr><td>Papaya</td><td>Guava</td><td>Orange</td></tr>
      <tr><td>Litchi</td><td>Jamun</td><td>Papaya</td></tr>
    </table>
11. 11.✍️ Which property is set to yellow in this rule?
    li {
      background-color: yellow;
      font-style: italic;
      margin: 10px;
      text-align: center;
    } (a) margin (b) padding (c) yellow (d) background-color
12. 12.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 12px;
      }
    }
13. 13.🧭 Is <div> semantic or not semantic? (a) not semantic (b) semantic
14. 14.True or false: HTML on its own can add pictures to a page. (a) True (b) False
15. 15.✍️ What value is given to font-weight in this rule?
    .note {
      text-align: center;
      margin: 10px;
      font-weight: bold;
      color: red;
    } (a) 2px solid (b) bold (c) font-weight (d) 300px
16. 16.🌍 Which one asks for a web page? (a) HTTPS (b) the URL (c) the browser (d) the server
17. 17.⚖️ What colour is the text of this element?
    <h1 class="star" id="top">Hi</h1>
    CSS:
    h1 { color: white; }
    #top { color: red; }
    .star { color: purple; } (a) white (b) red (c) yellow (d) purple
18. 18.✍️ What value is given to font-weight in this rule?
    body {
      font-weight: bold;
      border: 2px solid;
      margin: 10px;
      text-align: center;
    } (a) bold (b) 300px (c) font-weight (d) 2px solid
19. 19.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h6> (b) <h5> (c) <h1> (d) <h2>
20. 20.📄 Which part holds everything you see on the page? (a) the body (b) the title (c) the head (d) the doctype
21. 21.🔗 Which words do you click on?
    <a href="https://example.com">Visit the site</a> (a) Visit the site (b) Maths fun (c) https://example.com (d) href
22. 22.📋 What number does the browser show next to “Grapes”?
    <ol>
      <li>Jamun</li>
      <li>Guava</li>
      <li>Grapes</li>
    </ol>
23. 23.🔗 Which address opens when you click this link?
    <a href="maths.html">Take the quiz</a> (a) maths.html (b) news.html (c) Take the quiz (d) art.html
24. 24.🧩 Which language makes a form box? (a) JavaScript (b) CSS (c) HTML
25. 25.🌐 Which one sends pages over the net? (a) a code editor (b) a web browser (c) a web server
26. 26.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="dog.jpg" alt="A happy dog" width="100"> (a) The full moon (b) dog.jpg (c) A happy dog (d) width
27. 27.🔗 Where does this link open?
    <a href="news.html">Play games</a> (a) in a new tab (b) in the same tab
28. 28.⚖️ What colour is the text of this element?
    <p class="red" id="logo">Hi</p>
    CSS:
    .red { color: orange; }
    .red { color: yellow; } (a) red (b) blue (c) yellow (d) orange
29. 29.🔠 Which heading shows the SMALLEST text: <h1>, <h5>, <h4> or <h2>? (a) <h4> (b) <h5> (c) <h1> (d) <h2>
30. 30.🏷️ Which is the closing tag for <p>? (a) <p/> (b) </p> (c) <p> (d) <\p>
31. 31.Which of these is a weak password? (a) password (b) Blue@Tiger_74 (c) Mango#Kite29! (d) Chai$Cup_19x
32. 32.📝 Which input type lets you tick many? (a) text (b) radio (c) checkbox (d) number
33. 33.🔁 Which word runs code only when something is true? (a) let (b) log (c) for (d) if
34. 34.🌍 What is the protocol in this URL?
    https://school.example.in/news/today.html (a) school.example.in (b) /news/today.html (c) https (d) http
35. 35.🔢 To build and share your first web page, what comes right after “write the HTML”? (a) add CSS styles (b) publish it online (c) plan what to show (d) test in a browser
36. 36.🔗 Which words do you click on?
    <a href="maths.html">About us</a> (a) Contact us (b) href (c) About us (d) maths.html
37. 37.🏷️ Which is the closing tag for <b>? (a) <\b> (b) <b/> (c) <b> (d) </b>
38. 38.Which of these has a closing tag? (a) <meta> (b) <img> (c) <br> (d) <title>
39. 39.True or false: “add alt text to images” helps everyone use the page. (a) False (b) True
40. 40.📋 How many items does this list show?
    <ol>
      <li>Orange</li>
      <li>Papaya</li>
    </ol>

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