Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 844 · 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 paragraphs does this code make?
   <p>Our school trip</p>
   <p>My pets</p>
   <h2>I love mangoes.</h2>
   <h2>Fun facts</h2>
2. 2.♿ Does this help everyone, or make the page harder to use: label every form box? (a) makes it harder (b) helps everyone
3. 3.📝 How many paragraphs does this code make?
   <p>Hello, world!</p>
   <p>My pets</p>
   <p>Good morning!</p>
   <h2>Good morning!</h2>
   <p>My pets</p>
4. 4.🌈 In #rrggbb, which colour do the first two digits give? (a) black (b) green (c) red (d) blue
5. 5.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="checkbox" name="sport"> Hockey
     <input type="checkbox" name="sport"> Cricket
     <input type="checkbox" name="sport"> Chess
     <input type="checkbox" name="sport"> Kabaddi
   </form>
6. 6.⚖️ Which selector is the strongest? (a) an id selector (b) a class selector (c) an element selector
7. 7.🧭 Who is helped most by semantic tags? (a) nobody (b) only the server (c) only the printer (d) screen-reader users
8. 8.🖌️ Which CSS property makes the text bold? (a) color (b) text-align (c) font-size (d) font-weight
9. 9.🖼️ Does <img> need a closing tag? (a) No (b) Yes
10. 10.Which of these has a closing tag? (a) <input> (b) <img> (c) <hr> (d) <li>
11. 11.True or false: <header> sits at the bottom. (a) False (b) True
12. 12.⚡ What does this code show?
    let name = "Arjun";
    console.log("Welcome, " + name + "!"); (a) name (b) Arjun (c) Welcome, Arjun! (d) Welcome, name!
13. 13.📝 Which input type hides what you type? (a) checkbox (b) radio (c) text (d) password
14. 14.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 16px;
      }
    }
15. 15.📱 The screen is 414px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 8px;
      }
    } (a) No (b) Yes
16. 16.🔠 Which heading shows the BIGGEST text: <h4>, <h1>, <h6> or <h5>? (a) <h5> (b) <h6> (c) <h4> (d) <h1>
17. 17.True or false: in <img>, alt sets how tall it is. (a) True (b) False
18. 18.🔠 Which tag is used for the main title on a page? (a) <h1> (b) <p> (c) <h6> (d) <br>
19. 19.🔗 Which words do you click on?
    <a href="games.html">Maths fun</a> (a) games.html (b) href (c) Art corner (d) Maths fun
20. 20.🔁 What does this code print?
    let marks = 32;
    if (marks > 26) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Pass (b) Try again
21. 21.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Banana</td><td>Litchi</td><td>Litchi</td><td>Banana</td></tr>
    </table>
22. 22.🔗 Where does this link open?
    <a href="about.html" target="_blank">Art corner</a> (a) in the same tab (b) in a new tab
23. 23.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
24. 24.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Banana</td><td>Jamun</td></tr>
    </table>
25. 25.⚡ What number does this code print?
    let a = 5;
    let b = 2;
    console.log(a * b);
26. 26.🚀 Should file names have spaces, like my page.html? (a) No (b) Yes
27. 27.📝 How many paragraphs does this code make?
    <p>My best friend</p>
    <p>I love mangoes.</p>
    <h2>Rain today</h2>
    <h2>Our school trip</h2>
    <p>Rain today</p>
28. 28.🔠 Which heading shows the BIGGEST text: <h2>, <h5>, <h3> or <h6>? (a) <h2> (b) <h6> (c) <h3> (d) <h5>
29. 29.True or false: in <img>, width sets how wide it is. (a) False (b) True
30. 30.True or false: #end is an id selector. (a) True (b) False
31. 31.📱 Which tag helps phones show a page at the right size? (a) the viewport meta tag (b) the title tag (c) the hr tag (d) the br tag
32. 32.🌍 What finds the server for a domain name like example.com? (a) CSS (b) DNS (c) HTML (d) alt
33. 33.📋 What number does the browser show next to “Grapes”?
    <ol>
      <li>Orange</li>
      <li>Grapes</li>
      <li>Papaya</li>
      <li>Litchi</li>
    </ol>
34. 34.🌍 What is the domain name in this URL?
    https://kids.example.org/index.html (a) kids.example.org (b) school.example.in (c) https (d) /index.html
35. 35.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Litchi</td><td>Jamun</td><td>Banana</td><td>Banana</td></tr>
      <tr><td>Jamun</td><td>Grapes</td><td>Guava</td><td>Orange</td></tr>
    </table>
36. 36.Which of these is the border? (a) the gap round content (b) the text or picture (c) the line round the box (d) space inside the border
37. 37.📝 Which input type lets you tick many? (a) email (b) checkbox (c) number (d) submit
38. 38.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 360px;
      justify-content: space-between;
    }
    Inside are 4 boxes, each 60px wide (no margins).
39. 39.Which of these is padding? (a) space outside the border (b) the gap to other boxes (c) the text or picture (d) the gap round content
40. 40.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="fort.jpg" alt="An old fort" width="100"> (a) width (b) fort.jpg (c) A tiger asleep (d) An old fort

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