Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 959 · 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 much space top to bottom (px) does this box take in all, margin included?
   .box {
     height: 200px;
     padding: 10px;
     border: 1px solid black;
     margin: 10px;
   }
2. 2.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is free (b) the site is a game (c) the site is fast (d) the data is scrambled
3. 3.True or false: #main is an id selector. (a) True (b) False
4. 4.🔠 Which heading shows the BIGGEST text: <h3>, <h1>, <h2> or <h6>? (a) <h6> (b) <h1> (c) <h3> (d) <h2>
5. 5.🔠 Which tag is the least important heading? (a) <h1> (b) <p> (c) <h6> (d) <h3>
6. 6.🔗 Where does this link open?
   <a href="about.html">Visit the site</a> (a) in the same tab (b) in a new tab
7. 7.🔠 Which heading shows the SMALLEST text: <h4>, <h2>, <h5> or <h3>? (a) <h4> (b) <h2> (c) <h3> (d) <h5>
8. 8.🧭 Is <aside> semantic or not semantic? (a) semantic (b) not semantic
9. 9.True or false: <input type="email"> hides what you type. (a) False (b) True
10. 10.True or false: <tr> makes one table row. (a) True (b) False
11. 11.🔠 Which heading shows the SMALLEST text: <h2>, <h6>, <h3> or <h5>? (a) <h2> (b) <h3> (c) <h6> (d) <h5>
12. 12.Which of these is an empty tag? (a) <h1> (b) <p> (c) <img> (d) <b>
13. 13.📝 What do we need to write HTML? (a) a plain text editor (b) a paintbrush (c) a printer (d) a microphone
14. 14.📄 Can HTML on its own pick a random number? (a) No (b) Yes
15. 15.Which of these is an empty tag? (a) <hr> (b) <title> (c) <li> (d) <p>
16. 16.True or false: the URL is the page’s address. (a) True (b) False
17. 17.🔠 Which heading shows the BIGGEST text: <h5>, <h6>, <h1> or <h4>? (a) <h6> (b) <h1> (c) <h5> (d) <h4>
18. 18.🔗 Where does this link open?
    <a href="contact.html" target="_blank">Art corner</a> (a) in a new tab (b) in the same tab
19. 19.⚡ What does this code show?
    let name = "Arjun";
    console.log("Hi, " + name + "!"); (a) name (b) Hi, name! (c) Hi, Arjun! (d) Arjun
20. 20.⚖️ Which selector is the weakest? (a) a class selector (b) an element selector (c) an id selector
21. 21.🌍 Which one scrambles data on its way? (a) the URL (b) HTTPS (c) the browser (d) the server
22. 22.🌍 What finds the server for a domain name like example.com? (a) HTML (b) CSS (c) alt (d) DNS
23. 23.True or false: the border is the text or picture. (a) True (b) False
24. 24.💬 Does the browser show comments on the page? (a) Yes (b) No
25. 25.🧭 Who is helped most by semantic tags? (a) screen-reader users (b) nobody (c) only the printer (d) only the server
26. 26.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 140px;
      justify-content: flex-start;
    }
    Inside are 3 boxes, each 40px wide (no margins).
27. 27.🛡️ Online: is it safe to click prize links? (a) not safe (b) safe
28. 28.🖼️ How many pixels wide is the picture drawn?
    <img src="bus.jpg" alt="Our school bus" width="400">
29. 29.What does font-weight do? (a) colours behind the text (b) sets the letter colour (c) makes the text bold (d) centres a heading
30. 30.🏷️ Which is the closing tag for <strong>? (a) <\strong> (b) <strong> (c) <strong/> (d) </strong>
31. 31.🔍 Which is the odd one out? (a) makes a link (b) reacts to a button click (c) checks a quiz answer (d) shows a pop-up message
32. 32.True or false: <ol> is an ordered list. (a) False (b) True
33. 33.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <p>My pets</p>
    <p>I love mangoes.</p>
    <p>My pets</p>
34. 34.🔗 Which words do you click on?
    <a href="games.html">About us</a> (a) Contact us (b) About us (c) href (d) games.html
35. 35.⚡ Which JavaScript word writes in the console? (a) for (b) if (c) console.log() (d) let
36. 36.🎯 What kind of selector is .big? (a) a class selector (b) an element selector (c) an id selector
37. 37.📊 In a table, which tag is a row? (a) <tb> (b) <th> (c) <td> (d) <tr>
38. 38.🔠 Which heading shows the SMALLEST text: <h4>, <h1>, <h2> or <h6>? (a) <h6> (b) <h1> (c) <h4> (d) <h2>
39. 39.⚖️ What colour is the text of this element?
    <p class="note" id="top">Hi</p>
    CSS:
    .note { color: white; }
    #top { color: blue; } (a) blue (b) orange (c) green (d) white
40. 40.Which of these is the content? (a) the text or picture (b) space outside the border (c) space inside the border (d) the gap round content

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