Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 673 · 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 does CSS do? (a) gives the page structure (b) makes a link (c) reacts to a button click (d) sets colours and fonts
2. 2.🔍 Which is the odd one out? (a) puts a picture on a page (b) lays out the page (c) changes the text size (d) sets colours and fonts
3. 3.True or false: JavaScript checks a quiz answer. (a) True (b) False
4. 4.📱 max-width: 600px applies when the screen is ___. (a) 600px or wider (b) exactly 1000px (c) 600px or narrower (d) turned off
5. 5.🧭 Is <nav> semantic or not semantic? (a) semantic (b) not semantic
6. 6.🔗 Which address opens when you click this link?
   <a href="games.html">Contact us</a> (a) Contact us (b) contact.html (c) games.html (d) about.html
7. 7.🖌️ What colour are the letters?
   li {
     text-align: center;
     color: green;
     background-color: yellow;
     font-size: 36px;
   } (a) yellow (b) green (c) white
8. 8.✍️ What is the selector in this CSS rule?
   h1 {
     background-color: yellow;
     width: 300px;
     font-size: 20px;
   } (a) 300px (b) background-color (c) h1 (d) p
9. 9.Which of these is true of a web server? (a) shows pages from the web (b) opens web pages for us (c) has an address bar (d) hosts websites online
10. 10.🏷️ What does a closing tag have that an opening tag does not? (a) a hash # (b) a dollar $ (c) a slash / (d) a dot .
11. 11.🌍 Which one is the page’s address? (a) HTTPS (b) the server (c) the browser (d) the URL
12. 12.🎯 Which sign starts a class selector? (a) @ (b) # (c) & (d) .
13. 13.♿ Does this help everyone, or make the page harder to use: use headings in order? (a) makes it harder (b) helps everyone
14. 14.🌍 Which one sends the page back? (a) the server (b) the browser (c) the URL (d) HTTPS
15. 15.💬 Which text will NOT show on the page?
    <p>Hello, world!</p>
    <p>Good morning!</p>
    <!-- <p>Our school trip</p> --> (a) Good morning! (b) Hello, world! (c) Our school trip
16. 16.🔠 Which heading shows the BIGGEST text: <h6>, <h2>, <h1> or <h4>? (a) <h1> (b) <h2> (c) <h4> (d) <h6>
17. 17.✍️ Which sign goes between a property and its value? (a) = (b) ; (c) : (d) -
18. 18.🚀 Which tag loads script.js into a page? (a) <script src="script.js"> (b) <js src="script.js"> (c) <a href="script.js"> (d) <link script.js>
19. 19.⚡ What does this code print? (Look at the quotes!)
    let x = "9";
    let y = 8;
    console.log(x + y); (a) 17 (b) Error (c) 98
20. 20.📦 In the box model, which part is space inside the border? (a) content (b) padding (c) border (d) margin
21. 21.🔠 Which heading shows the BIGGEST text: <h4>, <h2>, <h6> or <h3>? (a) <h3> (b) <h2> (c) <h6> (d) <h4>
22. 22.🌍 Which one stores the site’s files? (a) HTTPS (b) the URL (c) the server (d) the browser
23. 23.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 10; i++) {
      total = total + 8;
    }
    console.log(total);
24. 24.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) Planets (b) Riya’s Recipes (c) Try this poha. (d) body
25. 25.🎯 Which CSS selector matches this element?
    <p class="note" id="hero">Hello</p> (a) .hero (b) h1 (c) #hero (d) .big
26. 26.📱 Responsive design means a page ___. (a) never changes (b) is only for laptops (c) has no pictures (d) fits every screen
27. 27.True or false: <a> goes in the body. (a) True (b) False
28. 28.🔗 Where does this link open?
    <a href="about.html">Play games</a> (a) in the same tab (b) in a new tab
29. 29.True or false: in <img>, alt shows if the image fails. (a) True (b) False
30. 30.📋 How many items does this list show?
    <ul>
      <li>Jamun</li>
      <li>Orange</li>
      <li>Papaya</li>
    </ul>
31. 31.🔠 Which heading shows the SMALLEST text: <h2>, <h5>, <h3> or <h1>? (a) <h5> (b) <h2> (c) <h3> (d) <h1>
32. 32.🌈 Which colour is #0000ff? (a) cyan (b) bright green (c) yellow (d) blue
33. 33.✍️ What value is given to margin in this rule?
    h1 {
      margin: 10px;
      text-align: center;
      font-size: 20px;
      border: 2px solid;
    } (a) 8px (b) margin (c) 10px (d) bold
34. 34.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Grapes</td><td>Jamun</td><td>Papaya</td><td>Banana</td></tr>
      <tr><td>Litchi</td><td>Jamun</td><td>Mango</td><td>Jamun</td></tr>
      <tr><td>Jamun</td><td>Litchi</td><td>Grapes</td><td>Jamun</td></tr>
    </table>
35. 35.🔗 Which words do you click on?
    <a href="contact.html">Maths fun</a> (a) Maths fun (b) Art corner (c) contact.html (d) href
36. 36.Which of these is true of a code editor? (a) stores a website’s files (b) turns HTML into a page (c) answers page requests (d) shows line numbers
37. 37.🔍 Which line is missing its closing tag?
    line 1: <h3>My best friend
    line 2: <small>I love mangoes.</small>
    line 3: <strong>Hello, world!</strong> (a) line 2 (b) line 1 (c) line 3
38. 38.📄 What is the first line of an HTML5 page? (a) <!DOCTYPE html> (b) <head> (c) <body> (d) <html>
39. 39.🔐 Is 123456 a strong or a weak password? (a) weak (b) strong
40. 40.✍️ Which sign ends each CSS declaration? (a) ; (b) : (c) . (d) ,

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