Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 230 · 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 line is missing its closing tag?
   line 1: <b>My best friend</b>
   line 2: <h2>I love mangoes.
   line 3: <u>The red kite</u> (a) line 3 (b) line 1 (c) line 2
2. 2.🖼️ Which tag puts a picture on a page? (a) <a> (b) <pic> (c) <img> (d) <p>
3. 3.True or false: to meet an online stranger is not safe. (a) False (b) True
4. 4.💬 Does the browser show comments on the page? (a) Yes (b) No
5. 5.📦 In the box model, which part is space inside the border? (a) border (b) content (c) margin (d) padding
6. 6.🌈 Which colour of light is strongest in rgb(255, 6, 79)? (a) green (b) blue (c) red
7. 7.📋 Does this list show bullets or numbers?
   <ol>
     <li>Orange</li>
     <li>Papaya</li>
   </ol> (a) bullets (b) numbers
8. 8.What does justify-content: flex-start do? (a) packs boxes at the end (b) puts boxes in the middle (c) packs boxes at the start (d) equal gaps, none at ends
9. 9.🧩 Which language makes headings and lists? (a) JavaScript (b) CSS (c) HTML
10. 10.⚖️ What colour is the text of this element?
    <p class="star" id="intro">Hi</p>
    CSS:
    #intro { color: yellow; }
    #intro { color: orange; } (a) blue (b) orange (c) red (d) yellow
11. 11.💬 Which text will NOT show on the page?
    <p>Hello, world!</p>
    <p>The red kite</p>
    <!-- <p>My best friend</p> --> (a) The red kite (b) My best friend (c) Hello, world!
12. 12.📋 Which list suits a shopping list in any order? (a) <ol> (b) <br> (c) <ul> (d) <hr>
13. 13.📋 What number does the browser show next to “Orange”?
    <ol start="4">
      <li>Jamun</li>
      <li>Banana</li>
      <li>Mango</li>
      <li>Orange</li>
    </ol>
14. 14.Which of these does JavaScript do? (a) makes a link (b) gives the page structure (c) checks a quiz answer (d) makes headings and lists
15. 15.🔠 Are headings shown in bold by default? (a) Yes (b) No
16. 16.🔢 When you open a web page, which comes first: “the browser shows it” or “the server sends files”? (a) the browser shows it (b) the server sends files
17. 17.🔍 Which is the odd one out? (a) changes the text size (b) sets colours and fonts (c) adds space around boxes (d) changes the page live
18. 18.🌍 Which one is the page’s address? (a) HTTPS (b) the server (c) the browser (d) the URL
19. 19.♿ Does this help everyone, or make the page harder to use: use big enough text? (a) helps everyone (b) makes it harder
20. 20.🌍 What is the domain name in this URL?
    http://www.example.com/index.html (a) kids.example.org (b) http (c) www.example.com (d) /index.html
21. 21.Which of these is an empty tag? (a) <p> (b) <b> (c) <title> (d) <img>
22. 22.🚀 Which file should this code go in: .box { padding: 8px; } (a) index.html (b) style.css (c) script.js
23. 23.🔠 Which heading shows the BIGGEST text: <h4>, <h3>, <h6> or <h5>? (a) <h6> (b) <h3> (c) <h5> (d) <h4>
24. 24.Which of these does CSS do? (a) changes the page live (b) shows a pop-up message (c) changes the text size (d) checks a quiz answer
25. 25.Which of these is true of a web server? (a) opens web pages for us (b) answers page requests (c) shows line numbers (d) has an address bar
26. 26.True or false: JavaScript rounds box corners. (a) False (b) True
27. 27.🌈 Which colour is rgb(0, 255, 0)? (a) bright green (b) white (c) blue (d) yellow
28. 28.♿ Does this help everyone, or make the page harder to use: use headings in order? (a) makes it harder (b) helps everyone
29. 29.🧩 Which language shows a pop-up message? (a) JavaScript (b) CSS (c) HTML
30. 30.📝 Which input type takes only numbers? (a) text (b) radio (c) number (d) password
31. 31.⚡ Which JavaScript word runs code when true? (a) for (b) console.log() (c) if (d) alert()
32. 32.🧩 Which language changes the page live? (a) JavaScript (b) HTML (c) CSS
33. 33.True or false: #top { color: blue; } goes in style.css. (a) False (b) True
34. 34.🌈 In #rrggbb, which colour do the last two digits give? (a) green (b) red (c) white (d) blue
35. 35.🔢 To build and share your first web page, which comes first: “test in a browser” or “publish it online”? (a) test in a browser (b) publish it online
36. 36.🔗 Which address opens when you click this link?
    <a href="games.html">Visit the site</a> (a) Visit the site (b) about.html (c) contact.html (d) games.html
37. 37.🔍 Which is the odd one out? (a) saves our .html files (b) colours code to help us (c) has an address bar (d) is where we type code
38. 38.🔁 What does this code print?
    let temp = 46;
    if (temp > 38) {
      console.log("Hot");
    } else {
      console.log("Cool");
    } (a) Cool (b) Hot
39. 39.💬 Which text will NOT show on the page?
    <p>Fun facts</p>
    <!-- <p>I love mangoes.</p> -->
    <p>Rain today</p> (a) Rain today (b) I love mangoes. (c) Fun facts
40. 40.True or false: HTML checks a quiz answer. (a) True (b) False

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