Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 961 · 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.♿ Is this heading order correct (no level skipped)?
   <h1> → <h2> → <h2> → <h3> (a) Yes (b) No
2. 2.True or false: <input type="date"> hides what you type. (a) True (b) False
3. 3.📊 How many heading cells (<th>) does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
     <tr><td>Banana</td><td>Mango</td><td>Orange</td><td>Guava</td></tr>
     <tr><td>Banana</td><td>Jamun</td><td>Papaya</td><td>Mango</td></tr>
     <tr><td>Grapes</td><td>Mango</td><td>Banana</td><td>Grapes</td></tr>
   </table>
4. 4.🔍 One closing tag is missing. Which one?
   <b>Cricket is fun.</b>
   <h3>My pets
   <i>Good morning!</i> (a) </small> (b) </i> (c) </b> (d) </h3>
5. 5.🖌️ What colour are the letters?
   h1 {
     font-size: 40px;
     background-color: red;
     color: green;
     text-align: left;
   } (a) green (b) red (c) purple
6. 6.📄 Where does the text of <title> appear? (a) at the bottom (b) nowhere (c) on the browser tab (d) in a big heading
7. 7.📊 How many rows does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th></tr>
     <tr><td>Grapes</td><td>Jamun</td></tr>
     <tr><td>Papaya</td><td>Grapes</td></tr>
     <tr><td>Mango</td><td>Orange</td></tr>
   </table>
8. 8.True or false: body { margin: 0; } goes in index.html. (a) False (b) True
9. 9.✍️ How many declarations (property: value pairs) are in this rule?
   #top {
     font-weight: bold;
     font-style: italic;
     margin: 10px;
     color: red;
   }
10. 10.🔗 Which address opens when you click this link?
    <a href="about.html">Take the quiz</a> (a) Take the quiz (b) about.html (c) contact.html (d) https://example.com
11. 11.📊 How many cells does this table have in all?
    <table>
      <tr><td>Jamun</td><td>Mango</td><td>Grapes</td></tr>
      <tr><td>Orange</td><td>Guava</td><td>Grapes</td></tr>
      <tr><td>Litchi</td><td>Grapes</td><td>Orange</td></tr>
      <tr><td>Papaya</td><td>Jamun</td><td>Papaya</td></tr>
    </table>
12. 12.📱 Responsive design means a page ___. (a) has no pictures (b) fits every screen (c) never changes (d) is only for laptops
13. 13.🌐 Which one turns HTML into a page? (a) a web server (b) a web browser (c) a code editor
14. 14.What does font-weight do? (a) makes the text bold (b) colours behind the text (c) sets the letter colour (d) centres a heading
15. 15.🔍 Which line is missing its closing tag?
    line 1: <small>My pets</small>
    line 2: <h2>I love mangoes.</h2>
    line 3: <h3>Hello, world! (a) line 2 (b) line 3 (c) line 1
16. 16.📱 Which tag helps phones show a page at the right size? (a) the viewport meta tag (b) the br tag (c) the hr tag (d) the title tag
17. 17.Which of these has a closing tag? (a) <hr> (b) <li> (c) <meta> (d) <img>
18. 18.What does justify-content: space-between do? (a) packs boxes at the start (b) equal gaps, none at ends (c) puts boxes in the middle (d) packs boxes at the end
19. 19.🌈 Which colour is #000000? (a) white (b) black (c) cyan (d) yellow
20. 20.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Orange</td><td>Litchi</td></tr>
      <tr><td>Mango</td><td>Litchi</td></tr>
    </table>
21. 21.💬 Does the browser show comments on the page? (a) Yes (b) No
22. 22.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="300"> (a) cake.jpg (b) kite.png (c) map.png (d) A red kite
23. 23.🧩 Which language makes a link? (a) CSS (b) HTML (c) JavaScript
24. 24.True or false: a web browser shows pages from the web. (a) True (b) False
25. 25.🔠 Which tag is the least important heading? (a) <h3> (b) <h6> (c) <h1> (d) <p>
26. 26.⚡ A JavaScript file usually ends with which extension? (a) .css (b) .html (c) .jpg (d) .js
27. 27.Which of these is margin? (a) space inside the border (b) the gap round content (c) the text or picture (d) the gap to other boxes
28. 28.🛡️ Online: is it safe to post your home address? (a) safe (b) not safe
29. 29.🖌️ What colour are the letters?
    li {
      background-color: white;
      text-align: right;
      font-size: 12px;
      color: green;
    } (a) orange (b) green (c) white
30. 30.🖌️ How big is the text, in px?
    li {
      color: purple;
      background-color: white;
      text-align: center;
      font-size: 28px;
    }
31. 31.💬 How many paragraphs show on the page?
    <!-- <p>The red kite</p> -->
    <p>My pets</p>
    <p>Cricket is fun.</p>
    <p>My best friend</p>
    <p>Fun facts</p>
32. 32.True or false: <ol> shows 1, 2, 3 numbers. (a) True (b) False
33. 33.Which of these goes in the head? (a) <meta charset="utf-8"> (b) <a> (c) <p> (d) <img>
34. 34.🖼️ Why do we add alt text to an image? (a) to make it bigger (b) to describe the image (c) to colour it (d) to load it faster
35. 35.💪 Which flexbox property lines boxes up across? (a) justify-content (b) align-items (c) flex-direction (d) display: flex
36. 36.💬 Why do coders write comments? (a) to add colour (b) to leave notes (c) to make links (d) to show pictures
37. 37.🎯 Which CSS selector matches this element?
    <p class="red" id="hero">Hello</p> (a) .hero (b) .box (c) p (d) #red
38. 38.♿ Is this heading order correct (no level skipped)?
    <h1> → <h1> → <h3> → <h3> (a) Yes (b) No
39. 39.True or false: “colour as the only clue” helps everyone use the page. (a) True (b) False
40. 40.True or false: <meta> has a closing tag. (a) False (b) True

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