Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 270 · 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.🌈 What is the biggest number one colour can have in rgb()? (a) 1000 (b) 99 (c) 100 (d) 255
2. 2.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) share it with friends (b) click it twice (c) type the password (d) close it, tell an adult
3. 3.True or false: <p>Hello!</p> goes in style.css. (a) True (b) False
4. 4.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 12px;
   }
   @media (max-width: 600px) {
     p {
       font-size: 10px;
     }
   }
5. 5.🔗 Which tag makes a clickable link? (a) <p> (b) <img> (c) <a> (d) <link>
6. 6.🌈 Which colour is rgb(0, 255, 255)? (a) black (b) cyan (c) white (d) bright green
7. 7.✍️ Which sign ends each CSS declaration? (a) . (b) , (c) : (d) ;
8. 8.📦 In the box model, which part is space inside the border? (a) margin (b) content (c) border (d) padding
9. 9.🖌️ Which CSS property picks the font style? (a) font-weight (b) color (c) font-family (d) background-color
10. 10.🖼️ Does <img> need a closing tag? (a) No (b) Yes
11. 11.🧭 Why use <nav> instead of <div> for a menu? (a) it loads faster (b) it makes text red (c) it adds pictures (d) it tells its meaning
12. 12.🧭 Is <main> semantic or not semantic? (a) not semantic (b) semantic
13. 13.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="fruit"> Papaya
      <input type="radio" name="fruit"> Guava
      <input type="radio" name="fruit"> Banana
    </form>
14. 14.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) plan what to show (b) write the HTML (c) add CSS styles (d) publish it online
15. 15.🧭 How many <main> parts should a page have? (a) none (b) three (c) ten (d) one
16. 16.🚀 Which tag loads script.js into a page? (a) <link script.js> (b) <a href="script.js"> (c) <js src="script.js"> (d) <script src="script.js">
17. 17.Which of these goes in the body? (a) <title> (b) <style> (c) <a> (d) <link rel="stylesheet">
18. 18.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Kites fly high<br>Birds sing<br>Roses are red</p>
19. 19.📋 Does this list show bullets or numbers?
    <ol>
      <li>Mango</li>
      <li>Jamun</li>
      <li>Grapes</li>
    </ol> (a) bullets (b) numbers
20. 20.📝 Which tag makes a drop-down list? (a) <ul> (b) <ol> (c) <select> (d) <li>
21. 21.True or false: to meet an online stranger is not safe. (a) True (b) False
22. 22.True or false: <main> holds the menu of links. (a) True (b) False
23. 23.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 290px;
      padding: 10px;
      border: 2px solid black;
      margin: 20px;
    }
24. 24.📄 Which part holds everything you see on the page? (a) the doctype (b) the head (c) the body (d) the title
25. 25.🛡️ Online: is it safe to use a strong password? (a) not safe (b) safe
26. 26.🏷️ Which is the closing tag for <i>? (a) <i> (b) <\i> (c) <i/> (d) </i>
27. 27.🔁 Which word runs code only when something is true? (a) for (b) log (c) let (d) if
28. 28.⚡ Which JavaScript word runs code when true? (a) alert() (b) let (c) console.log() (d) if
29. 29.📋 Which list tag shows bullet points? (a) <li> (b) <ol> (c) <ul>
30. 30.True or false: HTML makes a link. (a) True (b) False
31. 31.⚡ Which tag holds JavaScript in a page? (a) <code> (b) <js> (c) <script> (d) <style>
32. 32.🖌️ Which CSS property makes the text bold? (a) background-color (b) color (c) font-size (d) font-weight
33. 33.🏷️ Which is the closing tag for <small>? (a) <\small> (b) <small> (c) <small/> (d) </small>
34. 34.🖌️ How big is the text, in px?
    li {
      font-size: 32px;
      text-align: right;
      color: orange;
      background-color: red;
    }
35. 35.🛡️ Online: is it safe to post your home address? (a) safe (b) not safe
36. 36.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) My Hobbies (b) Thanks for visiting. (c) All about me (d) index.html
37. 37.What does justify-content: flex-start do? (a) puts boxes in the middle (b) packs boxes at the end (c) packs boxes at the start (d) equal gaps, none at ends
38. 38.🌈 Which hex code is red? (a) #ffffff (b) #ffff00 (c) #ff0000 (d) #000000
39. 39.🌈 Which colour of light is strongest in rgb(72, 223, 28)? (a) red (b) blue (c) green
40. 40.⚖️ What colour is the text of this element?
    <h2 class="box" id="end">Hi</h2>
    CSS:
    h2 { color: blue; }
    h2 { color: red; } (a) green (b) blue (c) red (d) orange

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