Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 242 · 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.True or false: HTML on its own cannot count button clicks. (a) True (b) False
2. 2.True or false: HTML on its own cannot make a form. (a) True (b) False
3. 3.🎯 Which sign starts a class selector? (a) # (b) @ (c) & (d) .
4. 4.🌈 Which colour is #ff0000? (a) blue (b) cyan (c) yellow (d) red
5. 5.🏷️ Is </title> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
6. 6.True or false: <input type="date"> sends the form. (a) True (b) False
7. 7.🔗 What does target="_blank" do to a link? (a) opens it in a new tab (b) makes it bold (c) makes it blank (d) hides the link
8. 8.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 16px;
   }
   @media (max-width: 768px) {
     p {
       font-size: 10px;
     }
   }
9. 9.🖼️ Which picture file does the browser load?
   <img src="map.png" alt="Map of India" width="150"> (a) Map of India (b) map.png (c) cake.jpg (d) dog.jpg
10. 10.🖌️ What colour is behind the letters?
    p {
      background-color: white;
      font-size: 24px;
      color: purple;
      text-align: right;
    } (a) green (b) purple (c) white
11. 11.Which of these does JavaScript do? (a) puts a picture on a page (b) changes the text size (c) makes a link (d) reacts to a button click
12. 12.True or false: <hr> has a closing tag. (a) False (b) True
13. 13.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the shorter one (b) the later one (c) the first one (d) neither
14. 14.📄 Where does <table> go: in the head or in the body? (a) in the head (b) in the body
15. 15.📊 How many rows does this table have?
    <table>
      <tr><td>Mango</td><td>Jamun</td><td>Grapes</td></tr>
      <tr><td>Orange</td><td>Mango</td><td>Litchi</td></tr>
    </table>
16. 16.Which of these does HTML do? (a) makes a form box (b) changes the page live (c) checks a quiz answer (d) changes the text size
17. 17.⚖️ Which selector is the weakest? (a) a class selector (b) an id selector (c) an element selector
18. 18.⚡ Which word makes a new variable? (a) give (b) let (c) make (d) put
19. 19.Which of these has a closing tag? (a) <input> (b) <br> (c) <img> (d) <li>
20. 20.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Orange</td><td>Jamun</td><td>Orange</td><td>Grapes</td></tr>
    </table>
21. 21.🔐 Is Kite_Fl1es@Dawn a strong or a weak password? (a) strong (b) weak
22. 22.🌍 What is the domain name in this URL?
    http://kids.example.org/news/today.html (a) http (b) school.example.in (c) /news/today.html (d) kids.example.org
23. 23.💪 Which flexbox property picks row or column? (a) align-items (b) gap (c) flex-direction (d) display: flex
24. 24.🔠 How many <h1> headings should a page usually have? (a) 1 (b) 6 (c) 10 (d) 3
25. 25.🔢 On a typical page, from top to bottom, which comes LAST? (a) <header> (b) <main> (c) <nav> (d) <footer>
26. 26.📝 Which tag gives a form box a name you can click? (a) <title> (b) <h1> (c) <label> (d) <hr>
27. 27.💬 How does an HTML comment start? (a) <!-- (b) # (c) /* (d) //
28. 28.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 2 (b) 3 (c) 4 (d) 6
29. 29.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Jamun</td><td>Banana</td><td>Orange</td></tr>
      <tr><td>Guava</td><td>Grapes</td><td>Guava</td></tr>
    </table>
30. 30.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 12px;
      }
    } (a) Yes (b) No
31. 31.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
32. 32.True or false: #logo is an id selector. (a) False (b) True
33. 33.♿ Is this heading order correct (no level skipped)?
    <h1> → <h2> → <h3> → <h4> (a) No (b) Yes
34. 34.🔍 Which is the odd one out? (a) changes the page live (b) adds space around boxes (c) counts down a timer (d) reacts to a button click
35. 35.True or false: <th> makes one data cell. (a) False (b) True
36. 36.📊 Where do <td> cells go? (a) inside the <head> (b) inside a <p> (c) inside a <tr> (d) inside a <li>
37. 37.⚖️ What colour is the text of this element?
    <h1 class="star" id="logo">Hi</h1>
    CSS:
    h1 { color: purple; }
    h1 { color: red; } (a) green (b) red (c) black (d) purple
38. 38.⚡ Which tag holds JavaScript in a page? (a) <style> (b) <script> (c) <code> (d) <js>
39. 39.🔗 Which address opens when you click this link?
    <a href="contact.html">About us</a> (a) https://example.com (b) About us (c) contact.html (d) maths.html
40. 40.🔗 Which tag makes a clickable link? (a) <p> (b) <img> (c) <link> (d) <a>

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