Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 780 · 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.🎨 What does CSS stand for? (a) Creative Sheet System (b) Cascading Style Sheets (c) Computer Style Sheets (d) Colourful Site Styles
2. 2.🔗 Which address opens when you click this link?
   <a href="about.html">School news</a> (a) https://example.com (b) contact.html (c) about.html (d) School news
3. 3.💬 Which text will NOT show on the page?
   <!-- <p>Rain today</p> -->
   <p>Good morning!</p>
   <p>Cricket is fun.</p> (a) Rain today (b) Good morning! (c) Cricket is fun.
4. 4.🌍 What does a web address (URL) tell the browser? (a) where the page is (b) your password (c) how old you are (d) the page colour
5. 5.📱 The screen is 1100px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 12px;
   }
   @media (max-width: 1024px) {
     p {
       font-size: 6px;
     }
   }
6. 6.What does justify-content: space-between do? (a) packs boxes at the start (b) puts boxes in the middle (c) packs boxes at the end (d) equal gaps, none at ends
7. 7.📝 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"> Hockey
     <input type="checkbox" name="sport"> Chess
     <input type="checkbox" name="sport"> Kabaddi
   </form>
8. 8.🛡️ Online: is it safe to use a strong password? (a) not safe (b) safe
9. 9.🎯 Can many elements share the same class? (a) No (b) Yes
10. 10.📝 On how many lines does the browser show this paragraph?
    <p>Stars shine<br>Birds sing</p>
11. 11.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Orange</td><td>Jamun</td></tr>
    </table>
12. 12.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 7; i++) {
      total = total + 4;
    }
    console.log(total);
13. 13.🌈 In #700000 the red part is the hex number 70. What is it as a normal number?
14. 14.🧭 Is <section> semantic or not semantic? (a) not semantic (b) semantic
15. 15.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 5; i = i + 3) {
      console.log(i);
    }
16. 16.🏷️ Is </li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
17. 17.🔗 Which address opens when you click this link?
    <a href="art.html">About us</a> (a) About us (b) art.html (c) news.html (d) quiz.html
18. 18.📝 How many <input> tags are in this form?
    <form>
      <input type="password">
      <input type="date">
      <input type="checkbox">
      <input type="email">
      <input type="submit" value="Send">
    </form>
19. 19.True or false: img is an element selector. (a) True (b) False
20. 20.🎯 Which sign starts a class selector? (a) # (b) @ (c) . (d) &
21. 21.⚖️ What colour is the text of this element?
    <h1 class="menu" id="main">Hi</h1>
    CSS:
    #main { color: blue; }
    .menu { color: white; } (a) white (b) orange (c) purple (d) blue
22. 22.✍️ How many declarations (property: value pairs) are in this rule?
    h1 {
      background-color: yellow;
      color: red;
    }
23. 23.🔁 What does this code print?
    let age = 17;
    if (age >= 8) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) child (b) teen
24. 24.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
25. 25.True or false: HTML on its own can make bullet lists. (a) False (b) True
26. 26.🔍 Which line is missing its closing tag?
    line 1: <u>My best friend
    line 2: <h2>Cricket is fun.</h2>
    line 3: <i>The red kite</i> (a) line 2 (b) line 1 (c) line 3
27. 27.💬 Does the browser show comments on the page? (a) Yes (b) No
28. 28.♿ Does this help everyone, or make the page harder to use: add alt text to images? (a) helps everyone (b) makes it harder
29. 29.🔗 Which words do you click on?
    <a href="games.html">About us</a> (a) Contact us (b) About us (c) href (d) games.html
30. 30.💬 Which text will NOT show on the page?
    <p>Our school trip</p>
    <!-- <p>The red kite</p> -->
    <p>My best friend</p>
    <p>Good morning!</p> (a) My best friend (b) Good morning! (c) Our school trip (d) The red kite
31. 31.Which of these is true of a code editor? (a) is where we type code (b) hosts websites online (c) shows pages from the web (d) sends pages over the net
32. 32.🏷️ Is </body> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
33. 33.✍️ What is the selector in this CSS rule?
    h1 {
      text-align: center;
      padding: 8px;
      font-size: 20px;
    } (a) h1 (b) 8px (c) text-align (d) p
34. 34.True or false: a code editor opens web pages for us. (a) False (b) True
35. 35.🖌️ How big is the text, in px?
    p {
      text-align: right;
      color: purple;
      font-size: 24px;
      background-color: green;
    }
36. 36.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <h2>Hello, world!</h2>
    <p>Good morning!</p>
37. 37.🏷️ Is <li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
38. 38.📱 The screen is 375px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 8px;
      }
    } (a) No (b) Yes
39. 39.📝 What does <p> make? (a) a paragraph (b) a table (c) a link (d) a picture
40. 40.🔁 What does this code print?
    let age = 35;
    if (age >= 43) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) teen (b) child

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