Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 448 · 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.📦 In the box model, which part is the gap round content? (a) border (b) content (c) padding (d) margin
2. 2.🌍 Which one stores the site’s files? (a) the URL (b) the browser (c) the server (d) HTTPS
3. 3.✍️ What value is given to background-color in this rule?
   p {
     padding: 8px;
     background-color: yellow;
   } (a) yellow (b) background-color (c) 8px (d) 10px
4. 4.True or false: <ul> goes in the body. (a) True (b) False
5. 5.💬 Which text will NOT show on the page?
   <!-- <p>My best friend</p> -->
   <p>Our school trip</p>
   <p>Fun facts</p> (a) Our school trip (b) Fun facts (c) My best friend
6. 6.🔢 To build and share your first web page, which comes first: “write the HTML” or “add CSS styles”? (a) write the HTML (b) add CSS styles
7. 7.True or false: HTML changes the text size. (a) False (b) True
8. 8.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the first one (b) the shorter one (c) neither (d) the later one
9. 9.🔁 Which loop repeats code a set number of times? (a) let (b) else (c) if (d) for
10. 10.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 60px;
      padding: 10px;
      border: 5px solid black;
      margin: 0px;
    }
11. 11.⚡ What number does this code print?
    let apples = 8;
    apples = apples + 14;
    apples = apples - 12;
    console.log(apples);
12. 12.Which of these is an opening tag? (a) </h1> (b) </title> (c) <li> (d) </body>
13. 13.🏷️ What does a closing tag have that an opening tag does not? (a) a hash # (b) a dollar $ (c) a slash / (d) a dot .
14. 14.🔁 What does i++ do? (a) doubles i (b) takes 1 from i (c) adds 1 to i (d) prints i
15. 15.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="colour"> Blue
      <input type="checkbox" name="colour"> Pink
      <input type="checkbox" name="colour"> Orange
    </form>
16. 16.📊 How many rows does this table have?
    <table>
      <tr><td>Jamun</td><td>Grapes</td><td>Guava</td></tr>
      <tr><td>Jamun</td><td>Litchi</td><td>Banana</td></tr>
      <tr><td>Jamun</td><td>Orange</td><td>Mango</td></tr>
    </table>
17. 17.🧭 Which semantic tag holds copyright notes? (a) <header> (b) <main> (c) <article> (d) <footer>
18. 18.🧭 Which semantic tag helps you move around? (a) <footer> (b) <article> (c) <header> (d) <nav>
19. 19.📄 Where does <title> go: in the head or in the body? (a) in the head (b) in the body
20. 20.Which of these is a strong password? (a) abcd1234 (b) Chai$Cup_19x (c) password (d) riya2014
21. 21.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 170px;
      justify-content: flex-start;
    }
    Inside are 2 boxes, each 60px wide (no margins).
22. 22.🔐 Is S0lar!Pen#8 a strong or a weak password? (a) strong (b) weak
23. 23.🌍 Which one scrambles data on its way? (a) the browser (b) the URL (c) HTTPS (d) the server
24. 24.✍️ What value is given to font-weight in this rule?
    h2 {
      font-weight: bold;
      color: red;
    } (a) 2px solid (b) 300px (c) font-weight (d) bold
25. 25.🔢 To build and share your first web page, which comes first: “write the HTML” or “test in a browser”? (a) test in a browser (b) write the HTML
26. 26.What does justify-content: center do? (a) equal gaps, none at ends (b) packs boxes at the end (c) packs boxes at the start (d) puts boxes in the middle
27. 27.What is <input type="password"> for? (a) lets you pick only one (b) is for one line of words (c) takes only numbers (d) hides what you type
28. 28.🔢 To build and share your first web page, which comes FIRST? (a) publish it online (b) add CSS styles (c) plan what to show (d) write the HTML
29. 29.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 24px;
      }
    }
30. 30.What is <input type="radio"> for? (a) picks a day (b) hides what you type (c) is for an email address (d) lets you pick only one
31. 31.🔠 How many <h1> headings should a page usually have? (a) 10 (b) 1 (c) 3 (d) 6
32. 32.🎯 Which CSS selector matches this element?
    <div class="box" id="intro">Hello</div> (a) .intro (b) span (c) .box (d) .star
33. 33.🔗 Which attribute holds the address of a link? (a) href (b) id (c) alt (d) src
34. 34.💪 Which justify-content value packs boxes at the end? (a) flex-start (b) flex-end (c) center (d) space-between
35. 35.What is <input type="text"> for? (a) picks a day (b) is for one line of words (c) lets you pick only one (d) lets you tick many
36. 36.Which of these is not safe to do online? (a) ask before downloading (b) log out on shared PCs (c) tell a trusted adult (d) put secrets in comments
37. 37.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 220px;
      padding: 5px;
      border: 1px solid black;
      margin: 5px;
    }
38. 38.⚡ A JavaScript file usually ends with which extension? (a) .jpg (b) .css (c) .html (d) .js
39. 39.📊 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>Mango</td><td>Grapes</td><td>Litchi</td><td>Banana</td></tr>
      <tr><td>Grapes</td><td>Jamun</td><td>Jamun</td><td>Guava</td></tr>
      <tr><td>Litchi</td><td>Litchi</td><td>Papaya</td><td>Grapes</td></tr>
    </table>
40. 40.🏷️ Which is the closing tag for <small>? (a) <small> (b) <small/> (c) </small> (d) <\small>

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