Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 53 · 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: in <img>, height is read by screen readers. (a) True (b) False
2. 2.⚖️ What colour is the text of this element?
   <h2 class="big" id="intro">Hi</h2>
   CSS:
   #intro { color: orange; }
   h2 { color: red; } (a) purple (b) red (c) green (d) orange
3. 3.🌍 What is the protocol in this URL?
   http://kids.example.org/games/chess.html (a) kids.example.org (b) http (c) https (d) /games/chess.html
4. 4.🌐 Which one colours code to help us? (a) a code editor (b) a web browser (c) a web server
5. 5.💪 How much empty space (px) is left after the last box?
   .row {
     display: flex;
     width: 300px;
     justify-content: flex-start;
   }
   Inside are 3 boxes, each 80px wide (no margins).
6. 6.🔠 How many heading levels does HTML have? (a) 10 (b) 4 (c) 6 (d) 3
7. 7.📋 Which list tag goes inside ul or ol? (a) <ul> (b) <li> (c) <ol>
8. 8.🏷️ Which is the closing tag for <strong>? (a) <strong> (b) <strong/> (c) </strong> (d) <\strong>
9. 9.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="checkbox" name="sport"> Cricket
     <input type="checkbox" name="sport"> Chess
     <input type="checkbox" name="sport"> Football
     <input type="checkbox" name="sport"> Hockey
   </form>
10. 10.🎯 Which element does the selector .menu style? (a) <p class="big"> (b) <span id="menu"> (c) <span class="note"> (d) <span class="menu">
11. 11.⚖️ What colour is the text of this element?
    <h1 class="big" id="intro">Hi</h1>
    CSS:
    .big { color: white; }
    h1 { color: yellow; } (a) white (b) yellow (c) purple (d) blue
12. 12.Which of these goes in the head? (a) <p> (b) <img> (c) <h1> (d) <meta charset="utf-8">
13. 13.🔁 How many numbers does this code print?
    for (let i = 0; i < 15; i = i + 4) {
      console.log(i);
    }
14. 14.📝 Does <ul> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
15. 15.📱 The screen is 320px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 10px;
      }
    } (a) No (b) Yes
16. 16.What is <input type="date"> for? (a) is for one line of words (b) lets you pick only one (c) picks a day (d) is for an email address
17. 17.💪 Which justify-content value puts boxes in the middle? (a) center (b) flex-end (c) flex-start (d) space-between
18. 18.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 10; i++) {
      total = total + 4;
    }
    console.log(total);
19. 19.🖼️ Does <img> need a closing tag? (a) Yes (b) No
20. 20.🖌️ How big is the text, in px?
    h1 {
      font-size: 36px;
      color: blue;
      background-color: orange;
      text-align: left;
    }
21. 21.🚀 Which file should this code go in: score = score + 1; (a) script.js (b) style.css (c) index.html
22. 22.🔗 Which words do you click on?
    <a href="https://example.com">About us</a> (a) Contact us (b) https://example.com (c) About us (d) href
23. 23.True or false: <b> is an empty tag. (a) False (b) True
24. 24.Which of these does HTML do? (a) checks a quiz answer (b) changes the page live (c) lays out the page (d) makes a link
25. 25.🔗 Which address opens when you click this link?
    <a href="maths.html">Play games</a> (a) Play games (b) maths.html (c) news.html (d) art.html
26. 26.Which of these is safe to do online? (a) click prize links (b) check for https first (c) put secrets in comments (d) share your password
27. 27.True or false: HTML makes a form box. (a) True (b) False
28. 28.True or false: <td> makes a heading cell. (a) True (b) False
29. 29.⚖️ What colour is the text of this element?
    <h2 class="red" id="top">Hi</h2>
    CSS:
    h2 { color: red; }
    h2 { color: white; } (a) red (b) white (c) blue (d) yellow
30. 30.🌍 Which one shows the page to you? (a) the URL (b) the browser (c) the server (d) HTTPS
31. 31.🔗 Where does this link open?
    <a href="games.html">School news</a> (a) in a new tab (b) in the same tab
32. 32.🧩 Which language makes headings and lists? (a) CSS (b) HTML (c) JavaScript
33. 33.🖌️ What colour is behind the letters?
    h2 {
      text-align: right;
      color: black;
      font-size: 28px;
      background-color: red;
    } (a) black (b) white (c) red
34. 34.🏷️ Is <li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
35. 35.True or false: <input type="text"> picks a day. (a) False (b) True
36. 36.True or false: <link rel="stylesheet"> goes in the body. (a) False (b) True
37. 37.Which of these is a weak password? (a) Blue@Tiger_74 (b) Kite_Fl1es@Dawn (c) Chai$Cup_19x (d) riya2014
38. 38.🖌️ Where does the text sit on its line?
    h1 {
      font-size: 36px;
      text-align: center;
      background-color: black;
      color: orange;
    } (a) in the middle (b) on the right (c) on the left
39. 39.🔁 Which loop repeats code a set number of times? (a) else (b) if (c) let (d) for
40. 40.📊 Which tag holds the whole table? (a) <tr> (b) <td> (c) <table> (d) <th>

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