Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 936 · 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 colour is rgb(255, 0, 255)? (a) magenta (b) blue (c) yellow (d) red
2. 2.Which of these has a closing tag? (a) <hr> (b) <h1> (c) <input> (d) <br>
3. 3.True or false: <title> is an empty tag. (a) False (b) True
4. 4.📊 How many rows does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th></tr>
     <tr><td>Banana</td><td>Litchi</td></tr>
   </table>
5. 5.📋 How many items does this list show?
   <ul>
     <li>Mango</li>
     <li>Banana</li>
   </ul>
6. 6.🔠 How many headings are in this code?
   <h1>My pets</h1>
   <h3>The red kite</h3>
   <h4>Hello, world!</h4>
7. 7.🏷️ Is </p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
8. 8.📊 In a table, which tag is a row? (a) <th> (b) <tr> (c) <td> (d) <tb>
9. 9.🔠 Which heading shows the BIGGEST text: <h2>, <h5>, <h6> or <h3>? (a) <h3> (b) <h5> (c) <h2> (d) <h6>
10. 10.📋 Which list tag is an ordered list? (a) <ol> (b) <ul> (c) <li>
11. 11.🎯 Which CSS selector matches this element?
    <p class="big" id="end">Hello</p> (a) #big (b) #hero (c) .red (d) .big
12. 12.⚡ What does this code show?
    let name = "Aman";
    alert("Hello, " + name + "!"); (a) name (b) Hello, Aman! (c) Aman (d) Hello, name!
13. 13.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>My drawings</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) Riya’s Recipes (b) We won by 5 runs. (c) My drawings (d) index.html
14. 14.🏷️ Every HTML tag starts with which sign? (a) { (b) [ (c) < (d) (
15. 15.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 170px;
      justify-content: flex-start;
    }
    Inside are 2 boxes, each 60px wide (no margins).
16. 16.🎯 Which element does the selector .big style? (a) <p class="red"> (b) <p class="big"> (c) <p id="big"> (d) <h1 class="box">
17. 17.📄 What is the first line of an HTML5 page? (a) <body> (b) <!DOCTYPE html> (c) <html> (d) <head>
18. 18.Which of these is true of a web server? (a) stores a website’s files (b) colours code to help us (c) is where we type code (d) turns HTML into a page
19. 19.True or false: HTML on its own can pick a random number. (a) False (b) True
20. 20.🔠 How many headings are in this code?
    <h1>Good morning!</h1>
    <p>Rain today</p>
    <p>My pets</p>
    <h3>My pets</h3>
21. 21.True or false: <title> goes in the body. (a) False (b) True
22. 22.Which of these is true of a web server? (a) turns HTML into a page (b) colours code to help us (c) shows line numbers (d) answers page requests
23. 23.♿ Does this help everyone, or make the page harder to use: use big enough text? (a) helps everyone (b) makes it harder
24. 24.🔢 When you open a web page, which comes first: “the server sends files” or “the browser shows it”? (a) the browser shows it (b) the server sends files
25. 25.True or false: <ol> goes inside ul or ol. (a) True (b) False
26. 26.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 240px;
      justify-content: center;
    }
    Inside are 2 boxes, each 100px wide (no margins).
27. 27.📝 Does <title> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
28. 28.✍️ Which property is set to yellow in this rule?
    p {
      font-size: 20px;
      padding: 8px;
      background-color: yellow;
      font-style: italic;
    } (a) padding (b) yellow (c) background-color (d) margin
29. 29.📦 In the box model, which part is a solid or dotted edge? (a) content (b) border (c) margin (d) padding
30. 30.🔗 Which words do you click on?
    <a href="news.html">About us</a> (a) news.html (b) Contact us (c) About us (d) href
31. 31.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 290px;
      padding: 25px;
      border: 4px solid black;
      margin: 5px;
    }
32. 32.🛡️ Online: is it safe to ask before downloading? (a) not safe (b) safe
33. 33.🔢 In a basic web page file, which comes FIRST? (a) <body> (b) </html> (c) <!DOCTYPE html> (d) <head>
34. 34.Which of these is true of <footer>? (a) holds a side box of tips (b) holds copyright notes (c) helps you move around (d) is the page’s key part
35. 35.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) share it with friends (b) close it, tell an adult (c) click it twice (d) type the password
36. 36.🧭 Who is helped most by semantic tags? (a) only the printer (b) nobody (c) only the server (d) screen-reader users
37. 37.🌗 Is blue on purple easy or hard to read? (a) easy to read (b) hard to read
38. 38.True or false: JavaScript makes a form box. (a) False (b) True
39. 39.🔁 What does this code print?
    let marks = 19;
    if (marks >= 35) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Pass (b) Try again
40. 40.💬 Which text will NOT show on the page?
    <!-- <p>Fun facts</p> -->
    <p>Good morning!</p>
    <p>My best friend</p> (a) My best friend (b) Fun facts (c) Good morning!

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