Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 40 · 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 tag makes one data cell? (a) <caption> (b) <table> (c) <td> (d) <tr>
2. 2.💪 How much empty space (px) is before the first box?
   .row {
     display: flex;
     width: 180px;
     justify-content: flex-end;
   }
   Inside are 4 boxes, each 40px wide (no margins).
3. 3.True or false: <caption> gives the table a title. (a) False (b) True
4. 4.🌗 Is black on white easy or hard to read? (a) hard to read (b) easy to read
5. 5.🧭 Which semantic tag holds the menu of links? (a) <footer> (b) <article> (c) <aside> (d) <nav>
6. 6.🚀 What is the home page file of a website usually called? (a) main.png (b) home.css (c) start.js (d) index.html
7. 7.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 255 (c) 99 (d) 1000
8. 8.🔍 Which is the odd one out? (a) changes the text size (b) makes a form box (c) puts a picture on a page (d) gives the page structure
9. 9.🔍 Which is the odd one out? (a) answers page requests (b) stores a website’s files (c) hosts websites online (d) has an address bar
10. 10.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="cake.jpg" alt="Birthday cake" width="300"> (a) width (b) A happy dog (c) cake.jpg (d) Birthday cake
11. 11.Which of these is safe to do online? (a) type a password on http (b) click prize links (c) share your password (d) check for https first
12. 12.🔠 Which heading shows the BIGGEST text: <h4>, <h3>, <h1> or <h6>? (a) <h6> (b) <h3> (c) <h4> (d) <h1>
13. 13.True or false: CSS changes the page live. (a) True (b) False
14. 14.💬 Which text will NOT show on the page?
    <p>The red kite</p>
    <p>Fun facts</p>
    <!-- <p>Rain today</p> -->
    <p>I love mangoes.</p> (a) The red kite (b) Rain today (c) Fun facts (d) I love mangoes.
15. 15.🔢 To build and share your first web page, which comes LAST? (a) publish it online (b) add CSS styles (c) write the HTML (d) test in a browser
16. 16.🎯 Which CSS selector matches this element?
    <li class="big" id="hero">Hello</li> (a) #top (b) div (c) #big (d) li
17. 17.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 300px;
      padding: 20px;
      border: 1px solid black;
      margin: 20px;
    }
18. 18.🔗 Which words do you click on?
    <a href="games.html">Take the quiz</a> (a) Play games (b) Take the quiz (c) href (d) games.html
19. 19.🖼️ Which attribute of <img> names the picture file? (a) height (b) src (c) width (d) alt
20. 20.🚀 Which file should this code go in: <h1>My Site</h1> (a) index.html (b) style.css (c) script.js
21. 21.🔐 Is qwerty a strong or a weak password? (a) strong (b) weak
22. 22.✍️ What is the selector in this CSS rule?
    #top {
      font-weight: bold;
      width: 300px;
      font-size: 20px;
    } (a) li (b) 300px (c) font-weight (d) #top
23. 23.🖼️ Which picture file does the browser load?
    <img src="tiger.jpg" alt="A tiger asleep" width="150"> (a) kite.png (b) A tiger asleep (c) tiger.jpg (d) map.png
24. 24.📋 How many items does this list show?
    <ul>
      <li>Orange</li>
      <li>Papaya</li>
    </ul>
25. 25.🔗 What does target="_blank" do to a link? (a) makes it bold (b) makes it blank (c) opens it in a new tab (d) hides the link
26. 26.📱 The screen is 1100px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 8px;
      }
    }
27. 27.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <h3>Cricket is fun.</h3>
    <p>I love mangoes.</p>
    <h4>Hello, world!</h4>
    <p>Our school trip</p>
28. 28.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Guava</td><td>Jamun</td><td>Litchi</td></tr>
      <tr><td>Litchi</td><td>Banana</td><td>Jamun</td></tr>
    </table>
29. 29.🔗 Where does this link open?
    <a href="maths.html">Contact us</a> (a) in a new tab (b) in the same tab
30. 30.🖌️ How big is the text, in px?
    h2 {
      font-size: 24px;
      text-align: center;
      background-color: green;
      color: white;
    }
31. 31.🏷️ Every HTML tag starts with which sign? (a) [ (b) < (c) { (d) (
32. 32.🌐 Which one opens web pages for us? (a) a web server (b) a web browser (c) a code editor
33. 33.🌗 Is yellow on black easy or hard to read? (a) hard to read (b) easy to read
34. 34.🌈 Which hex code is black? (a) #000000 (b) #00ff00 (c) #ffffff (d) #0000ff
35. 35.🖼️ How many pixels wide is the picture drawn?
    <img src="tiger.jpg" alt="A tiger asleep" width="250">
36. 36.🌍 Which one stores the site’s files? (a) the URL (b) the browser (c) the server (d) HTTPS
37. 37.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <p>I love mangoes.</p>
    <p>Hello, world!</p>
38. 38.True or false: HTML on its own can make tables. (a) False (b) True
39. 39.📄 Can HTML on its own pick a random number? (a) No (b) Yes
40. 40.🖼️ Which attribute of <img> shows if the image fails? (a) src (b) width (c) height (d) alt

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