Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 158 · 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 flexbox property turns on flexbox? (a) gap (b) align-items (c) display: flex (d) flex-direction
2. 2.Which of these is an opening tag? (a) </p> (b) </b> (c) <body> (d) </body>
3. 3.🌈 In #rrggbb, which colour do the last two digits give? (a) red (b) white (c) green (d) blue
4. 4.🖼️ Which picture file does the browser load?
   <img src="moon.png" alt="The full moon" width="400"> (a) fort.jpg (b) bus.jpg (c) moon.png (d) The full moon
5. 5.🔗 Which tag makes a clickable link? (a) <p> (b) <a> (c) <img> (d) <link>
6. 6.📊 Which tag makes one data cell? (a) <th> (b) <caption> (c) <td> (d) <tr>
7. 7.🔗 Which words do you click on?
   <a href="about.html">Play games</a> (a) href (b) About us (c) about.html (d) Play games
8. 8.🚀 Which file is best for code that reacts to clicks? (a) notes.txt (b) style.css (c) index.html (d) script.js
9. 9.🏷️ Which is the closing tag for <b>? (a) <b> (b) </b> (c) <\b> (d) <b/>
10. 10.🎯 Which sign starts an id selector? (a) . (b) & (c) @ (d) #
11. 11.💪 Which justify-content value packs boxes at the end? (a) flex-end (b) space-between (c) flex-start (d) center
12. 12.🧭 Which semantic tag holds a side box of tips? (a) <nav> (b) <article> (c) <main> (d) <aside>
13. 13.True or false: in <img>, height describes the picture. (a) False (b) True
14. 14.🌍 What is the domain name in this URL?
    https://kids.example.org/news/today.html (a) school.example.in (b) https (c) kids.example.org (d) /news/today.html
15. 15.🚀 You change your code. What should you do to see the change? (a) save and refresh (b) switch off the PC (c) rename the folder (d) delete the file
16. 16.🌈 In #fe0000 the red part is the hex number fe. What is it as a normal number?
17. 17.💬 How many paragraphs show on the page?
    <p>The red kite</p>
    <p>My best friend</p>
    <!-- <p>Our school trip</p> -->
18. 18.💬 How many paragraphs show on the page?
    <p>Rain today</p>
    <!-- <p>The red kite</p> -->
    <!-- <p>My pets</p> -->
    <p>Fun facts</p>
    <p>Our school trip</p>
19. 19.✍️ How does a CSS comment start? (a) <!-- (b) /* (c) // (d) #
20. 20.🔗 Which words do you click on?
    <a href="news.html">School news</a> (a) Take the quiz (b) School news (c) href (d) news.html
21. 21.📊 How many rows does this table have?
    <table>
      <tr><td>Guava</td><td>Banana</td><td>Guava</td></tr>
      <tr><td>Papaya</td><td>Grapes</td><td>Banana</td></tr>
    </table>
22. 22.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h1> (b) <h3> (c) <h4> (d) <h2>
23. 23.What is <input type="checkbox"> for? (a) hides what you type (b) takes only numbers (c) is for an email address (d) lets you tick many
24. 24.🎯 Can many elements share the same class? (a) No (b) Yes
25. 25.🔠 Are headings shown in bold by default? (a) Yes (b) No
26. 26.📋 How many items does this list show?
    <ul>
      <li>Guava</li>
      <li>Banana</li>
    </ul>
27. 27.📋 Does this list show bullets or numbers?
    <ol>
      <li>Papaya</li>
      <li>Orange</li>
      <li>Guava</li>
    </ol> (a) bullets (b) numbers
28. 28.Which of these is a weak password? (a) password (b) Blue@Tiger_74 (c) Mango#Kite29! (d) S0lar!Pen#8
29. 29.🔗 Where does this link open?
    <a href="art.html">Maths fun</a> (a) in the same tab (b) in a new tab
30. 30.🖼️ Which picture file does the browser load?
    <img src="moon.png" alt="The full moon" width="300"> (a) bus.jpg (b) The full moon (c) moon.png (d) fort.jpg
31. 31.True or false: .box { padding: 8px; } goes in index.html. (a) False (b) True
32. 32.🔢 On a typical page, from top to bottom, which comes FIRST? (a) <nav> (b) <header> (c) <main> (d) <footer>
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>Mango</td><td>Orange</td><td>Papaya</td></tr>
    </table>
34. 34.🏷️ Which is the closing tag for <h3>? (a) <h3> (b) <h3/> (c) <\h3> (d) </h3>
35. 35.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) body (b) Cricket Club (c) Thanks for visiting. (d) Match report
36. 36.🖼️ How many pixels wide is the picture drawn?
    <img src="kite.png" alt="A red kite" width="350">
37. 37.📝 Which tag makes a big box for many lines of text? (a) <p> (b) <textarea> (c) <br> (d) <input>
38. 38.True or false: in <img>, width sets how wide it is. (a) False (b) True
39. 39.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 180px;
      padding: 30px;
      border: 3px solid black;
      margin: 10px;
    }
40. 40.💬 Why do coders write comments? (a) to show pictures (b) to make links (c) to leave notes (d) to add colour

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