Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 229 · 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="https://example.com" target="_blank">Maths fun</a> (a) in the same tab (b) in a new tab
2. 2.📊 In a table, which tag is a row? (a) <td> (b) <tb> (c) <tr> (d) <th>
3. 3.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Space Facts</title>
   </head>
   <body>
     <h1>My drawings</h1>
     <p>Try this poha.</p>
   </body>
   </html> (a) body (b) Space Facts (c) My drawings (d) Try this poha.
4. 4.🚀 You change your code. What should you do to see the change? (a) rename the folder (b) delete the file (c) save and refresh (d) switch off the PC
5. 5.Which colour pair is hard to read? (a) pink on red (b) black on white (c) white on black (d) dark grey on white
6. 6.🔠 Which heading shows the SMALLEST text: <h3>, <h6>, <h5> or <h1>? (a) <h6> (b) <h1> (c) <h5> (d) <h3>
7. 7.📊 Which tag holds the whole table? (a) <th> (b) <td> (c) <tr> (d) <table>
8. 8.📋 Does this list show bullets or numbers?
   <ul>
     <li>Jamun</li>
     <li>Litchi</li>
   </ul> (a) numbers (b) bullets
9. 9.🔗 Which tag makes a clickable link? (a) <link> (b) <p> (c) <img> (d) <a>
10. 10.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="sport"> Kabaddi
      <input type="radio" name="sport"> Hockey
      <input type="radio" name="sport"> Cricket
      <input type="radio" name="sport"> Football
    </form>
11. 11.🔢 To build and share your first web page, which comes LAST? (a) write the HTML (b) publish it online (c) test in a browser (d) add CSS styles
12. 12.🖌️ How big is the text, in px?
    li {
      color: red;
      background-color: black;
      font-size: 36px;
      text-align: center;
    }
13. 13.True or false: <p> is an empty tag. (a) True (b) False
14. 14.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
15. 15.What does font-size do? (a) sets the letter colour (b) makes letters bigger (c) colours behind the text (d) makes the text bold
16. 16.🌈 Which colour of light is strongest in rgb(13, 133, 228)? (a) red (b) green (c) blue
17. 17.🔗 Where does this link open?
    <a href="news.html" target="_blank">Contact us</a> (a) in the same tab (b) in a new tab
18. 18.🖼️ Does <img> need a closing tag? (a) No (b) Yes
19. 19.✍️ What is the selector in this CSS rule?
    p {
      margin: 10px;
      background-color: yellow;
    } (a) p (b) margin (c) yellow (d) .note
20. 20.🎯 Which element does the selector div style? (a) <div class="menu"> (b) <span> (c) <p class="menu"> (d) <h1 id="intro">
21. 21.🧭 Why use <nav> instead of <div> for a menu? (a) it adds pictures (b) it makes text red (c) it loads faster (d) it tells its meaning
22. 22.🔤 In “HTML”, what do the letters HT stand for? (a) HyperText (b) High Tech (c) Home Text (d) Hot Tags
23. 23.True or false: margin is the gap to other boxes. (a) True (b) False
24. 24.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 260px;
      justify-content: space-between;
    }
    Inside are 4 boxes, each 50px wide (no margins).
25. 25.⚡ Which JavaScript word shows a pop-up box? (a) alert() (b) if (c) let (d) console.log()
26. 26.🚀 What is the home page file of a website usually called? (a) main.png (b) start.js (c) home.css (d) index.html
27. 27.📱 The screen is 375px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 16px;
      }
    } (a) No (b) Yes
28. 28.Which of these has a closing tag? (a) <img> (b) <hr> (c) <b> (d) <meta>
29. 29.🛡️ Online: is it safe to tell a trusted adult? (a) not safe (b) safe
30. 30.⚡ A JavaScript file usually ends with which extension? (a) .js (b) .jpg (c) .html (d) .css
31. 31.True or false: <input type="text"> is for one line of words. (a) True (b) False
32. 32.🚀 Which file is best for the colours and fonts? (a) style.css (b) script.js (c) photo.jpg (d) index.html
33. 33.📄 Where does the text of <title> appear? (a) on the browser tab (b) nowhere (c) in a big heading (d) at the bottom
34. 34.Which of these is true of a web browser? (a) answers page requests (b) sends pages over the net (c) opens web pages for us (d) shows line numbers
35. 35.🌈 Which colour is rgb(0, 255, 0)? (a) blue (b) red (c) white (d) bright green
36. 36.Which of these does CSS do? (a) reacts to a button click (b) changes the page live (c) lays out the page (d) puts a picture on a page
37. 37.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="cake.jpg" alt="Birthday cake" width="150"> (a) Birthday cake (b) cake.jpg (c) A happy dog (d) width
38. 38.🚀 Which file should this code go in: .box { padding: 8px; } (a) style.css (b) index.html (c) script.js
39. 39.🧩 Which language makes a link? (a) JavaScript (b) CSS (c) HTML
40. 40.🔠 Which tag is used for the main title on a page? (a) <h1> (b) <h6> (c) <br> (d) <p>

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