Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 231 · 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.🔗 Where does this link open?
   <a href="about.html">Art corner</a> (a) in the same tab (b) in a new tab
2. 2.Which of these is safe to do online? (a) meet an online stranger (b) ask before downloading (c) share your OTP (d) share your password
3. 3.True or false: HTML on its own cannot show paragraphs. (a) True (b) False
4. 4.♿ Does this help everyone, or make the page harder to use: tiny grey text? (a) makes it harder (b) helps everyone
5. 5.🖼️ Which picture file does the browser load?
   <img src="dog.jpg" alt="A happy dog" width="150"> (a) moon.png (b) dog.jpg (c) A happy dog (d) bus.jpg
6. 6.📱 min-width: 800px applies when the screen is ___. (a) turned off (b) 800px or narrower (c) exactly 100px (d) 800px or wider
7. 7.True or false: <ol> is an ordered list. (a) True (b) False
8. 8.📋 How many items does this list show?
   <ul>
     <li>Jamun</li>
     <li>Mango</li>
   </ul>
9. 9.True or false: .star is an id selector. (a) True (b) False
10. 10.📝 Which input type sends the form? (a) checkbox (b) number (c) submit (d) text
11. 11.🌈 Which colour is rgb(255, 255, 255)? (a) blue (b) red (c) yellow (d) white
12. 12.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="fort.jpg" alt="An old fort" width="200"> (a) A tiger asleep (b) An old fort (c) fort.jpg (d) width
13. 13.✍️ How many declarations (property: value pairs) are in this rule?
    p {
      font-size: 20px;
      margin: 10px;
      font-weight: bold;
      background-color: yellow;
    }
14. 14.✍️ What value is given to font-style in this rule?
    li {
      background-color: yellow;
      font-style: italic;
      padding: 8px;
      text-align: center;
    } (a) italic (b) font-style (c) red (d) 20px
15. 15.🖌️ What colour is behind the letters?
    h1 {
      background-color: orange;
      color: yellow;
      font-size: 28px;
      text-align: right;
    } (a) yellow (b) black (c) orange
16. 16.True or false: h1 { font-size: 32px; } goes in script.js. (a) True (b) False
17. 17.⚡ Which JavaScript word repeats code? (a) let (b) if (c) for (d) console.log()
18. 18.🔗 What does target="_blank" do to a link? (a) makes it bold (b) hides the link (c) opens it in a new tab (d) makes it blank
19. 19.🌍 What do we call the computer that stores a website? (a) a server (b) a keyboard (c) a mouse (d) a printer
20. 20.✍️ What value is given to font-style in this rule?
    .note {
      font-size: 20px;
      font-style: italic;
      padding: 8px;
      text-align: center;
    } (a) red (b) italic (c) 20px (d) font-style
21. 21.🔠 How many <h1> headings should a page usually have? (a) 3 (b) 10 (c) 1 (d) 6
22. 22.🔢 In a basic web page file, which comes first: “<body>” or “<head>”? (a) <head> (b) <body>
23. 23.🌍 Which program shows a web page to us? (a) a web browser (b) a calculator (c) a paint program (d) a music player
24. 24.🖼️ Why do we add alt text to an image? (a) to load it faster (b) to describe the image (c) to colour it (d) to make it bigger
25. 25.🔗 Which words do you click on?
    <a href="about.html">About us</a> (a) About us (b) Contact us (c) about.html (d) href
26. 26.🔠 Which heading shows the SMALLEST text: <h2>, <h3>, <h5> or <h1>? (a) <h5> (b) <h2> (c) <h1> (d) <h3>
27. 27.Which of these has a closing tag? (a) <input> (b) <li> (c) <br> (d) <meta>
28. 28.🚀 Which file should this code go in: alert("Hi"); (a) index.html (b) style.css (c) script.js
29. 29.Which of these is an opening tag? (a) </b> (b) </p> (c) </li> (d) <b>
30. 30.💬 Why do coders write comments? (a) to make links (b) to add colour (c) to show pictures (d) to leave notes
31. 31.🖌️ How big is the text, in px?
    li {
      text-align: left;
      color: white;
      background-color: blue;
      font-size: 12px;
    }
32. 32.🔢 When you open a web page, which comes first: “you type the URL” or “the server sends files”? (a) you type the URL (b) the server sends files
33. 33.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Papaya</td><td>Papaya</td><td>Guava</td></tr>
      <tr><td>Mango</td><td>Banana</td><td>Jamun</td></tr>
      <tr><td>Jamun</td><td>Guava</td><td>Mango</td></tr>
    </table>
34. 34.True or false: <a> goes in the head. (a) False (b) True
35. 35.⚡ Which tag holds JavaScript in a page? (a) <script> (b) <js> (c) <style> (d) <code>
36. 36.True or false: JavaScript counts down a timer. (a) False (b) True
37. 37.🔢 In a basic web page file, which comes first: “<!DOCTYPE html>” or “</html>”? (a) <!DOCTYPE html> (b) </html>
38. 38.📦 In the box model, which part is space inside the border? (a) content (b) margin (c) border (d) padding
39. 39.📊 In a table, which tag is a row? (a) <tb> (b) <tr> (c) <th> (d) <td>
40. 40.🏷️ Is </h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag

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