Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 131 · 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 selector is the weakest? (a) an element selector (b) a class selector (c) an id selector
2. 2.🖌️ Which CSS property colours behind the text? (a) background-color (b) color (c) font-size (d) font-weight
3. 3.🔗 Which address opens when you click this link?
   <a href="https://example.com">Take the quiz</a> (a) Take the quiz (b) https://example.com (c) maths.html (d) art.html
4. 4.🎨 A CSS file usually ends with which extension? (a) .css (b) .js (c) .png (d) .html
5. 5.True or false: <li> is one item of a list. (a) True (b) False
6. 6.💪 Which flexbox property turns on flexbox? (a) flex-direction (b) align-items (c) display: flex (d) justify-content
7. 7.🔗 Which tag makes a clickable link? (a) <img> (b) <link> (c) <a> (d) <p>
8. 8.🔠 Which heading shows the BIGGEST text: <h6>, <h2>, <h3> or <h4>? (a) <h6> (b) <h3> (c) <h4> (d) <h2>
9. 9.True or false: <ul> is an empty tag. (a) True (b) False
10. 10.🔁 How many numbers does this code print?
    for (let i = 0; i < 14; i = i + 4) {
      console.log(i);
    }
11. 11.🔗 Which words do you click on?
    <a href="news.html">Art corner</a> (a) news.html (b) href (c) Art corner (d) School news
12. 12.Which of these has a closing tag? (a) <br> (b) <h1> (c) <input> (d) <img>
13. 13.True or false: <input type="radio"> sends the form. (a) False (b) True
14. 14.🔁 How many numbers does this code print?
    for (let i = 0; i < 16; i = i + 4) {
      console.log(i);
    }
15. 15.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="250"> (a) The full moon (b) width (c) Our school bus (d) moon.png
16. 16.⚖️ Which selector is the strongest? (a) an element selector (b) a class selector (c) an id selector
17. 17.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="fort.jpg" alt="An old fort" width="50"> (a) width (b) fort.jpg (c) A tiger asleep (d) An old fort
18. 18.✍️ How many declarations (property: value pairs) are in this rule?
    h2 {
      margin: 10px;
      font-style: italic;
      width: 300px;
      color: red;
    }
19. 19.🔁 What does this code print?
    let temp = 33;
    if (temp >= 29) {
      console.log("Hot");
    } else {
      console.log("Cool");
    } (a) Cool (b) Hot
20. 20.What is <input type="number"> for? (a) is for one line of words (b) sends the form (c) takes only numbers (d) is for an email address
21. 21.True or false: <input type="email"> sends the form. (a) False (b) True
22. 22.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <p>My pets</p>
    <h4>Rain today</h4>
23. 23.📊 In a table, which tag is a row? (a) <tr> (b) <th> (c) <td> (d) <tb>
24. 24.🖼️ Which tag puts a picture on a page? (a) <p> (b) <a> (c) <pic> (d) <img>
25. 25.True or false: to download from pop-ups is not safe. (a) True (b) False
26. 26.📊 Which tag gives the table a title? (a) <tr> (b) <table> (c) <caption> (d) <td>
27. 27.True or false: “tiny grey text” helps everyone use the page. (a) False (b) True
28. 28.True or false: <td> makes one table row. (a) False (b) True
29. 29.🎯 Which CSS selector matches this element?
    <li class="big" id="end">Hello</li> (a) div (b) #hero (c) #end (d) .red
30. 30.🖼️ How many pixels wide is the picture drawn?
    <img src="tiger.jpg" alt="A tiger asleep" width="150">
31. 31.🎯 Which CSS selector matches this element?
    <h2 class="red" id="top">Hello</h2> (a) .top (b) .box (c) .red (d) #red
32. 32.📋 Which list tag shows 1, 2, 3 numbers? (a) <ol> (b) <ul> (c) <li>
33. 33.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Mango</td><td>Grapes</td><td>Grapes</td></tr>
      <tr><td>Guava</td><td>Banana</td><td>Banana</td></tr>
      <tr><td>Banana</td><td>Grapes</td><td>Banana</td></tr>
    </table>
34. 34.📊 Which tag makes a heading cell? (a) <tr> (b) <td> (c) <th> (d) <table>
35. 35.🖼️ How many pixels wide is the picture drawn?
    <img src="kite.png" alt="A red kite" width="400">
36. 36.🖼️ Why do we add alt text to an image? (a) to load it faster (b) to describe the image (c) to make it bigger (d) to colour it
37. 37.🎯 What kind of selector is li? (a) an id selector (b) a class selector (c) an element selector
38. 38.Which of these is safe to do online? (a) post your home address (b) click prize links (c) meet an online stranger (d) tell a trusted adult
39. 39.🌈 Which colour is rgb(255, 0, 0)? (a) blue (b) magenta (c) red (d) white
40. 40.True or false: <h1> goes in the head. (a) True (b) False

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