Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 33 · 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 of these is safe to do online? (a) share your password (b) meet an online stranger (c) share your OTP (d) tell a trusted adult
2. 2.✍️ How does a CSS comment start? (a) # (b) // (c) <!-- (d) /*
3. 3.🔠 Which tag is the least important heading? (a) <h1> (b) <h3> (c) <h6> (d) <p>
4. 4.📝 How many paragraphs does this code make?
   <p>Fun facts</p>
   <p>Our school trip</p>
   <p>I love mangoes.</p>
   <p>Hello, world!</p>
5. 5.🌐 Which one opens web pages for us? (a) a code editor (b) a web server (c) a web browser
6. 6.🔗 Which tag makes a clickable link? (a) <img> (b) <link> (c) <a> (d) <p>
7. 7.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h5> or <h4>? (a) <h4> (b) <h2> (c) <h1> (d) <h5>
8. 8.🔗 Which words do you click on?
   <a href="contact.html">Art corner</a> (a) School news (b) Art corner (c) href (d) contact.html
9. 9.⚡ Which JavaScript word writes in the console? (a) for (b) alert() (c) if (d) console.log()
10. 10.🎯 Can many elements share the same class? (a) Yes (b) No
11. 11.True or false: <table> makes one data cell. (a) False (b) True
12. 12.⚖️ Which selector is the strongest? (a) an id selector (b) an element selector (c) a class selector
13. 13.🌍 What is the path in this URL?
    https://kids.example.org/games/chess.html (a) /about.html (b) /games/chess.html (c) kids.example.org (d) https
14. 14.What does justify-content: center do? (a) equal gaps, none at ends (b) packs boxes at the start (c) puts boxes in the middle (d) packs boxes at the end
15. 15.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) All about me (b) Cricket Club (c) index.html (d) Here is my best one.
16. 16.Which colour pair is easy to read? (a) pink on red (b) black on white (c) yellow on white (d) light grey on white
17. 17.📝 Does <b> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
18. 18.Which of these is true of <header>? (a) sits at the bottom (b) holds one blog post (c) holds the logo and title (d) holds the menu of links
19. 19.🚀 Which file should this code go in: <img src="cat.png"> (a) style.css (b) script.js (c) index.html
20. 20.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Papaya</td><td>Grapes</td><td>Mango</td><td>Mango</td></tr>
      <tr><td>Guava</td><td>Papaya</td><td>Mango</td><td>Grapes</td></tr>
    </table>
21. 21.📋 Which tag goes around each item of a list? (a) <ul> (b) <p> (c) <ol> (d) <li>
22. 22.Which of these is true of <nav>? (a) holds the logo and title (b) helps you move around (c) sits at the bottom (d) holds the main content
23. 23.🌈 Which hex code is magenta? (a) #ffff00 (b) #ffffff (c) #ff00ff (d) #00ffff
24. 24.🖼️ 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
25. 25.🔢 In a basic web page file, which comes first: “<html>” or “<head>”? (a) <html> (b) <head>
26. 26.💬 How many paragraphs show on the page?
    <p>Hello, world!</p>
    <!-- <p>Good morning!</p> -->
    <!-- <p>Cricket is fun.</p> -->
    <!-- <p>Rain today</p> -->
27. 27.🖌️ Which CSS property colours behind the text? (a) font-family (b) background-color (c) font-size (d) text-align
28. 28.True or false: <a href="a.html">Go</a> goes in index.html. (a) True (b) False
29. 29.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 80px;
      padding: 5px;
      border: 4px solid black;
      margin: 10px;
    }
30. 30.🌐 Which one turns HTML into a page? (a) a code editor (b) a web server (c) a web browser
31. 31.📋 Does this list show bullets or numbers?
    <ol>
      <li>Banana</li>
      <li>Orange</li>
    </ol> (a) numbers (b) bullets
32. 32.🎨 What does CSS stand for? (a) Computer Style Sheets (b) Colourful Site Styles (c) Creative Sheet System (d) Cascading Style Sheets
33. 33.🖌️ What colour are the letters?
    h2 {
      color: black;
      background-color: orange;
      font-size: 20px;
      text-align: left;
    } (a) orange (b) black (c) red
34. 34.True or false: a web server colours code to help us. (a) True (b) False
35. 35.🔁 What does this code print?
    let age = 27;
    if (age < 7) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) child (b) teen
36. 36.🌍 What is the domain name in this URL?
    http://www.example.com/news/today.html (a) http (b) /news/today.html (c) www.example.com (d) kids.example.org
37. 37.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 290px;
      padding: 30px;
      border: 2px solid black;
      margin: 15px;
    }
38. 38.True or false: <td> makes a heading cell. (a) True (b) False
39. 39.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 2 (b) 6 (c) 4 (d) 3
40. 40.🎯 What kind of selector is h1? (a) an id selector (b) a class selector (c) an element selector

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