Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 619 · 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.🔢 In a basic web page file, which comes LAST? (a) </html> (b) </body> (c) <html> (d) </head>
2. 2.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) type the password (b) share it with friends (c) close it, tell an adult (d) click it twice
3. 3.💬 How many paragraphs show on the page?
   <!-- <p>My pets</p> -->
   <!-- <p>Rain today</p> -->
   <p>Fun facts</p>
4. 4.📝 Does <p> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
5. 5.🔢 When you open a web page, which comes FIRST? (a) the browser asks it (b) you type the URL (c) the server sends files (d) the browser shows it
6. 6.✍️ How many declarations (property: value pairs) are in this rule?
   #top {
     font-size: 20px;
     color: red;
     text-align: center;
     border: 2px solid;
   }
7. 7.🔗 Where does this link open?
   <a href="art.html">School news</a> (a) in a new tab (b) in the same tab
8. 8.✍️ Which sign goes between a property and its value? (a) - (b) = (c) ; (d) :
9. 9.🔁 How many times does this code print “Hi”?
   for (let i = 1; i <= 9; i++) {
     console.log("Hi");
   }
10. 10.📝 Which input type lets you pick only one? (a) submit (b) text (c) radio (d) date
11. 11.🖌️ Where does the text sit on its line?
    h2 {
      text-align: center;
      color: green;
      font-size: 28px;
      background-color: black;
    } (a) on the right (b) on the left (c) in the middle
12. 12.📦 In the box model, which part is space inside the border? (a) margin (b) padding (c) content (d) border
13. 13.🖼️ Does <img> need a closing tag? (a) No (b) Yes
14. 14.📋 What number does the browser show next to “Banana”?
    <ol>
      <li>Jamun</li>
      <li>Banana</li>
      <li>Orange</li>
      <li>Guava</li>
      <li>Papaya</li>
    </ol>
15. 15.🔠 Which heading shows the BIGGEST text: <h6>, <h4>, <h2> or <h5>? (a) <h5> (b) <h4> (c) <h6> (d) <h2>
16. 16.✍️ Which property is set to 20px in this rule?
    body {
      font-style: italic;
      font-size: 20px;
    } (a) background-color (b) font-size (c) 20px (d) text-align
17. 17.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) Class 7 Blog (b) index.html (c) We won by 5 runs. (d) Match report
18. 18.Which of these is an opening tag? (a) </li> (b) <p> (c) </body> (d) </b>
19. 19.🔢 To build and share your first web page, which comes first: “plan what to show” or “write the HTML”? (a) write the HTML (b) plan what to show
20. 20.True or false: <title> goes in the head. (a) True (b) False
21. 21.📱 The screen is 414px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 18px;
      }
    } (a) Yes (b) No
22. 22.Which of these is safe to do online? (a) share your password (b) think before you post (c) share your OTP (d) post your home address
23. 23.📊 How many rows does this table have?
    <table>
      <tr><td>Grapes</td><td>Jamun</td><td>Jamun</td><td>Litchi</td></tr>
      <tr><td>Orange</td><td>Banana</td><td>Banana</td><td>Guava</td></tr>
    </table>
24. 24.⚡ Which JavaScript word writes in the console? (a) if (b) for (c) console.log() (d) alert()
25. 25.True or false: <th> makes a heading cell. (a) False (b) True
26. 26.🔁 How many times does this code print “Hello”?
    for (let i = 0; i <= 7; i++) {
      console.log("Hello");
    }
27. 27.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Orange</td><td>Litchi</td><td>Litchi</td></tr>
      <tr><td>Guava</td><td>Orange</td><td>Banana</td></tr>
    </table>
28. 28.🌍 What is the protocol in this URL?
    https://school.example.in/index.html (a) /index.html (b) http (c) https (d) school.example.in
29. 29.⚡ What does JavaScript add to a web page? (a) the domain name (b) only colours (c) actions and changes (d) the page title
30. 30.📋 Does this list show bullets or numbers?
    <ol>
      <li>Papaya</li>
      <li>Mango</li>
      <li>Jamun</li>
    </ol> (a) bullets (b) numbers
31. 31.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <p> (c) inside a <tr> (d) inside the <head>
32. 32.🚀 Where in index.html does the link to style.css go? (a) in the footer (b) inside a <p> (c) after </html> (d) in the head
33. 33.Which colour pair is hard to read? (a) dark grey on white (b) black on white (c) white on black (d) yellow on white
34. 34.True or false: <ol> lists steps in order. (a) True (b) False
35. 35.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 20px;
      }
    }
36. 36.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Papaya</td><td>Guava</td><td>Banana</td><td>Papaya</td></tr>
    </table>
37. 37.📊 Which tag makes one table row? (a) <th> (b) <caption> (c) <tr> (d) <td>
38. 38.✍️ Which property is set to 20px in this rule?
    h2 {
      margin: 10px;
      font-size: 20px;
    } (a) font-size (b) background-color (c) 20px (d) text-align
39. 39.🧭 How many <main> parts should a page have? (a) three (b) none (c) ten (d) one
40. 40.Which of these is not safe to do online? (a) ask before downloading (b) check for https first (c) think before you post (d) post your home address

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