Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 452 · 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.📝 How many <input> tags are in this form?
   <form>
     <input type="checkbox">
     <input type="email">
     <input type="date">
     <input type="number">
     <input type="submit" value="Send">
   </form>
2. 2.📊 How many cells are in each row?
   <table>
     <tr><td>Banana</td><td>Banana</td></tr>
     <tr><td>Mango</td><td>Grapes</td></tr>
   </table>
3. 3.🚀 Where in index.html does the link to style.css go? (a) after </html> (b) in the footer (c) inside a <p> (d) in the head
4. 4.Which of these is a weak password? (a) S0lar!Pen#8 (b) Blue@Tiger_74 (c) Chai$Cup_19x (d) qwerty
5. 5.🌈 Which colour of light is strongest in rgb(123, 164, 82)? (a) red (b) green (c) blue
6. 6.🌍 What is the path in this URL?
   http://kids.example.org/maths/tables.html (a) /maths/tables.html (b) /index.html (c) kids.example.org (d) http
7. 7.🎯 Which element does the selector h2 style? (a) <h2 class="menu"> (b) <div class="menu"> (c) <span id="end"> (d) <li>
8. 8.🔒 What does the lock (HTTPS) in the address bar mean? (a) the data is scrambled (b) the site is fast (c) the site is a game (d) the site is free
9. 9.🎯 What kind of selector is .big? (a) an element selector (b) an id selector (c) a class selector
10. 10.🌍 What is the domain name in this URL?
    http://school.example.in/maths/tables.html (a) /maths/tables.html (b) http (c) school.example.in (d) www.example.net
11. 11.Which colour pair is hard to read? (a) white on dark blue (b) dark grey on white (c) yellow on white (d) yellow on black
12. 12.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <h4>Cricket is fun.</h4>
    <p>My best friend</p>
    <p>Fun facts</p>
    <p>Our school trip</p>
13. 13.📋 How many items does this list show?
    <ol>
      <li>Mango</li>
      <li>Banana</li>
      <li>Litchi</li>
      <li>Guava</li>
      <li>Jamun</li>
      <li>Orange</li>
    </ol>
14. 14.True or false: <aside> holds extra side notes. (a) False (b) True
15. 15.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>The red kite</p>
    <h3>Fun facts</h3>
16. 16.⚡ What number does this code print?
    let runs = 15;
    runs = runs + 18;
    runs = runs - 13;
    console.log(runs);
17. 17.🔗 Which address opens when you click this link?
    <a href="maths.html">Art corner</a> (a) Art corner (b) maths.html (c) news.html (d) art.html
18. 18.🧭 Who is helped most by semantic tags? (a) only the printer (b) screen-reader users (c) only the server (d) nobody
19. 19.True or false: #top is a class selector. (a) False (b) True
20. 20.🧩 An opening tag + content + a closing tag together make an ___. (a) element (b) editor (c) attribute (d) address
21. 21.📱 The screen is 820px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 18px;
      }
    } (a) Yes (b) No
22. 22.Which of these is an opening tag? (a) </p> (b) </body> (c) </h1> (d) <h1>
23. 23.True or false: padding is space outside the border. (a) False (b) True
24. 24.⚡ What does alert() show? (a) a picture (b) a table (c) a pop-up box (d) a new tab
25. 25.🔠 Which heading shows the SMALLEST text: <h4>, <h2>, <h3> or <h6>? (a) <h2> (b) <h6> (c) <h4> (d) <h3>
26. 26.True or false: the URL is the page’s address. (a) False (b) True
27. 27.True or false: <h1>My Site</h1> goes in style.css. (a) False (b) True
28. 28.Which colour pair is hard to read? (a) white on black (b) blue on purple (c) white on dark blue (d) black on white
29. 29.What does justify-content: center do? (a) puts boxes in the middle (b) packs boxes at the start (c) equal gaps, none at ends (d) packs boxes at the end
30. 30.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 320px;
      justify-content: center;
    }
    Inside are 4 boxes, each 40px wide (no margins).
31. 31.Which of these is true of <nav>? (a) holds the main content (b) holds the logo and title (c) helps you move around (d) sits at the bottom
32. 32.🔁 What does i++ do? (a) prints i (b) doubles i (c) adds 1 to i (d) takes 1 from i
33. 33.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 3; i++) {
      total = total + i;
    }
    console.log(total);
34. 34.💬 Can anyone read your comments by viewing the page source? (a) Yes (b) No
35. 35.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h2> or <h3>? (a) <h6> (b) <h2> (c) <h3> (d) <h1>
36. 36.True or false: JavaScript puts a picture on a page. (a) True (b) False
37. 37.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Sky is blue<br>Kites fly high<br>Rivers flow<br>Stars shine</p>
38. 38.🌈 Which colour is #00ffff? (a) cyan (b) black (c) yellow (d) white
39. 39.🖼️ Which picture file does the browser load?
    <img src="fort.jpg" alt="An old fort" width="50"> (a) kite.png (b) tiger.jpg (c) fort.jpg (d) An old fort
40. 40.Which of these does JavaScript do? (a) makes headings and lists (b) puts a picture on a page (c) counts down a timer (d) lays out the page

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