Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 945 · 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 sign starts an id selector? (a) @ (b) . (c) # (d) &
2. 2.🛡️ Is it safe to use the same password on every site? (a) Yes (b) No
3. 3.True or false: <input type="submit"> picks a day. (a) False (b) True
4. 4.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as a new line (b) as one space (c) as a dot (d) as 5 spaces
5. 5.🎯 Which element does the selector li style? (a) <span class="menu"> (b) <div> (c) <li class="menu"> (d) <p id="main">
6. 6.📋 Does this list show bullets or numbers?
   <ul>
     <li>Litchi</li>
     <li>Mango</li>
     <li>Guava</li>
   </ul> (a) bullets (b) numbers
7. 7.🚀 Which file should this code go in: p { color: red; } (a) script.js (b) style.css (c) index.html
8. 8.✍️ What value is given to font-weight in this rule?
   .box {
     width: 300px;
     font-weight: bold;
     color: red;
   } (a) bold (b) 2px solid (c) 300px (d) font-weight
9. 9.🔁 Which loop repeats code a set number of times? (a) else (b) let (c) for (d) if
10. 10.🏷️ Which is the closing tag for <em>? (a) <em> (b) <\em> (c) <em/> (d) </em>
11. 11.🌈 Which colour is rgb(255, 0, 0)? (a) blue (b) red (c) white (d) black
12. 12.🌈 Which hex code is black? (a) #00ffff (b) #ffff00 (c) #000000 (d) #ff00ff
13. 13.📋 Does this list show bullets or numbers?
    <ol>
      <li>Grapes</li>
      <li>Guava</li>
      <li>Papaya</li>
    </ol> (a) bullets (b) numbers
14. 14.💬 Which text will NOT show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <p>Good morning!</p>
    <p>My best friend</p> (a) My best friend (b) Good morning! (c) Cricket is fun.
15. 15.💪 Which flexbox property picks row or column? (a) flex-direction (b) gap (c) display: flex (d) justify-content
16. 16.🔗 Which address opens when you click this link?
    <a href="about.html">Visit the site</a> (a) contact.html (b) https://example.com (c) about.html (d) Visit the site
17. 17.What is <input type="text"> for? (a) takes only numbers (b) is for one line of words (c) lets you pick only one (d) picks a day
18. 18.🧭 Is <div> semantic or not semantic? (a) semantic (b) not semantic
19. 19.Which of these does JavaScript do? (a) makes a form box (b) lays out the page (c) rounds box corners (d) changes the page live
20. 20.🌈 Which hex code is white? (a) #00ffff (b) #ffffff (c) #ff00ff (d) #0000ff
21. 21.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) test in a browser (b) add CSS styles (c) write the HTML (d) publish it online
22. 22.🧩 Which language makes a link? (a) JavaScript (b) HTML (c) CSS
23. 23.💬 How does an HTML comment end? (a) >> (b) --> (c) */ (d) //
24. 24.True or false: in <img>, alt is read by screen readers. (a) True (b) False
25. 25.🌍 What is the domain name in this URL?
    https://www.example.com/maths/tables.html (a) https (b) www.example.com (c) kids.example.org (d) /maths/tables.html
26. 26.📝 Which input type is for an email address? (a) submit (b) number (c) email (d) checkbox
27. 27.✍️ CSS declarations go inside which brackets? (a) [ ] (b) < > (c) ( ) (d) { }
28. 28.Which of these is an empty tag? (a) <h1> (b) <title> (c) <li> (d) <hr>
29. 29.True or false: <meta charset="utf-8"> goes in the head. (a) False (b) True
30. 30.♿ Is this heading order correct (no level skipped)?
    <h1> → <h3> → <h3> → <h2> (a) No (b) Yes
31. 31.📱 The screen is 540px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (max-width: 480px) {
      p {
        font-size: 18px;
      }
    } (a) Yes (b) No
32. 32.💬 How many paragraphs show on the page?
    <!-- <p>I love mangoes.</p> -->
    <p>My pets</p>
    <p>Hello, world!</p>
33. 33.📱 The screen is 820px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 18px;
      }
    } (a) Yes (b) No
34. 34.📋 Which list suits a shopping list in any order? (a) <br> (b) <ul> (c) <ol> (d) <hr>
35. 35.♿ Who uses a screen reader? (a) only robots (b) people who are blind (c) only coders (d) only teachers
36. 36.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <h2>Our school trip</h2>
    <h2>Fun facts</h2>
37. 37.⚡ Which JavaScript word writes in the console? (a) for (b) alert() (c) console.log() (d) let
38. 38.🖌️ Which CSS property sets the letter colour? (a) font-family (b) text-align (c) font-size (d) color
39. 39.🌈 Which colour is #000000? (a) magenta (b) blue (c) bright green (d) black
40. 40.🌈 Which colour of light is strongest in rgb(35, 247, 136)? (a) red (b) blue (c) green

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