Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 21 · 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 of these is an empty tag? (a) <b> (b) <p> (c) <h1> (d) <img>
2. 2.⚡ What does JavaScript add to a web page? (a) the page title (b) the domain name (c) actions and changes (d) only colours
3. 3.🔢 In a basic web page file, which comes FIRST? (a) <body> (b) <!DOCTYPE html> (c) <head> (d) <html>
4. 4.🔁 What is the LAST number this code prints?
   for (let i = 0; i < 18; i = i + 4) {
     console.log(i);
   }
5. 5.Which of these is a weak password? (a) S0lar!Pen#8 (b) abcd1234 (c) Mango#Kite29! (d) Kite_Fl1es@Dawn
6. 6.🖼️ Which picture file does the browser load?
   <img src="tiger.jpg" alt="A tiger asleep" width="100"> (a) A tiger asleep (b) kite.png (c) map.png (d) tiger.jpg
7. 7.Which of these is not safe to do online? (a) tell a trusted adult (b) think before you post (c) use a strong password (d) meet an online stranger
8. 8.What does justify-content: space-between do? (a) equal gaps, none at ends (b) packs boxes at the end (c) packs boxes at the start (d) puts boxes in the middle
9. 9.True or false: the URL is the page’s address. (a) False (b) True
10. 10.🚀 Which file should this code go in: alert(score); (a) style.css (b) index.html (c) script.js
11. 11.🔗 Which address opens when you click this link?
    <a href="contact.html">Contact us</a> (a) https://example.com (b) maths.html (c) contact.html (d) Contact us
12. 12.🌈 In #00a900 the green part is the hex number a9. What is it as a normal number?
13. 13.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
14. 14.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Orange</td><td>Banana</td></tr>
      <tr><td>Papaya</td><td>Papaya</td></tr>
    </table>
15. 15.🔗 Which words do you click on?
    <a href="art.html">About us</a> (a) art.html (b) href (c) About us (d) Contact us
16. 16.🔠 How many heading levels does HTML have? (a) 10 (b) 6 (c) 3 (d) 4
17. 17.🔍 Which is the odd one out? (a) shows line numbers (b) is where we type code (c) shows pages from the web (d) colours code to help us
18. 18.🔒 Is the connection to this address scrambled (encrypted)?
    http://www.example.com/games/chess.html (a) Yes (b) No
19. 19.What does font-family do? (a) makes letters bigger (b) colours behind the text (c) picks the font style (d) sets the letter colour
20. 20.True or false: <table> makes a heading cell. (a) False (b) True
21. 21.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <p>Fun facts</p>
    <h3>I love mangoes.</h3>
22. 22.🛡️ Online: is it safe to use a strong password? (a) safe (b) not safe
23. 23.🌈 Which colour is #00ffff? (a) yellow (b) red (c) white (d) cyan
24. 24.Which of these is safe to do online? (a) use a strong password (b) meet an online stranger (c) share your OTP (d) share your password
25. 25.True or false: in <img>, src names the picture file. (a) True (b) False
26. 26.True or false: <h1>My Site</h1> goes in script.js. (a) False (b) True
27. 27.⚖️ What colour is the text of this element?
    <h2 class="box" id="end">Hi</h2>
    CSS:
    h2 { color: orange; }
    .box { color: blue; }
    #end { color: red; } (a) red (b) orange (c) blue (d) green
28. 28.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <h2>Hello, world!</h2>
    <h4>My best friend</h4>
    <h4>Fun facts</h4>
    <h2>Rain today</h2>
29. 29.🔍 Which is the odd one out? (a) colours code to help us (b) saves our .html files (c) opens web pages for us (d) is where we type code
30. 30.📝 Which input type hides what you type? (a) text (b) password (c) email (d) radio
31. 31.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the head (b) in the body
32. 32.🌈 Hex digits go 0 to 9, then A to which letter? (a) F (b) G (c) Z (d) J
33. 33.🔢 When you open a web page, which comes FIRST? (a) the server sends files (b) DNS finds the server (c) you type the URL (d) the browser shows it
34. 34.✍️ In color: blue; which part is the value? (a) ; (b) blue (c) color (d) :
35. 35.💪 Which flexbox property spaces boxes along a row? (a) align-items (b) display: flex (c) justify-content (d) flex-direction
36. 36.🧩 Which language checks a quiz answer? (a) HTML (b) CSS (c) JavaScript
37. 37.True or false: padding is space inside the border. (a) False (b) True
38. 38.🌍 Which one asks for a web page? (a) the URL (b) the browser (c) the server (d) HTTPS
39. 39.🔁 How many times does this code print “Hi”?
    for (let i = 3; i < 9; i++) {
      console.log("Hi");
    }
40. 40.True or false: JavaScript sets colours and fonts. (a) True (b) False

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