Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 43 · 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 language lays out the page? (a) JavaScript (b) HTML (c) CSS
2. 2.🔍 Which is the odd one out? (a) sends pages over the net (b) stores a website’s files (c) hosts websites online (d) opens web pages for us
3. 3.📱 The screen is 1100px wide. Does the rule inside @media apply?
   p {
     font-size: 24px;
   }
   @media (max-width: 1024px) {
     p {
       font-size: 18px;
     }
   } (a) No (b) Yes
4. 4.🖌️ Where does the text sit on its line?
   h2 {
     text-align: center;
     color: orange;
     font-size: 40px;
     background-color: blue;
   } (a) in the middle (b) on the left (c) on the right
5. 5.True or false: <br> is an empty tag. (a) False (b) True
6. 6.Which of these is a weak password? (a) S0lar!Pen#8 (b) Rain#Drop_42! (c) Blue@Tiger_74 (d) qwerty
7. 7.⚖️ Which selector is the strongest? (a) an element selector (b) a class selector (c) an id selector
8. 8.🖌️ What colour are the letters?
   p {
     font-size: 12px;
     text-align: center;
     background-color: orange;
     color: blue;
   } (a) orange (b) blue (c) black
9. 9.🏷️ Is <li> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
10. 10.📋 Does this list show bullets or numbers?
    <ul>
      <li>Papaya</li>
      <li>Mango</li>
      <li>Jamun</li>
    </ul> (a) numbers (b) bullets
11. 11.📄 What is the first line of an HTML5 page? (a) <!DOCTYPE html> (b) <html> (c) <head> (d) <body>
12. 12.🎯 Which element does the selector #top style? (a) <li class="top"> (b) <li id="intro"> (c) <div class="big"> (d) <li id="top">
13. 13.🖼️ Why do we add alt text to an image? (a) to load it faster (b) to describe the image (c) to colour it (d) to make it bigger
14. 14.🏷️ What does a closing tag have that an opening tag does not? (a) a dollar $ (b) a hash # (c) a dot . (d) a slash /
15. 15.True or false: <tr> holds the whole table. (a) True (b) False
16. 16.🌈 Which hex code is yellow? (a) #000000 (b) #00ff00 (c) #ffff00 (d) #ff0000
17. 17.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="colour"> Pink
      <input type="radio" name="colour"> Red
      <input type="radio" name="colour"> Green
    </form>
18. 18.💪 Which flexbox property turns on flexbox? (a) align-items (b) display: flex (c) gap (d) justify-content
19. 19.📱 The screen is 1100px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 20px;
      }
    }
20. 20.🔗 Which words do you click on?
    <a href="about.html">Visit the site</a> (a) href (b) Maths fun (c) Visit the site (d) about.html
21. 21.📄 Can HTML on its own show paragraphs? (a) No (b) Yes
22. 22.🌍 Which one stores the site’s files? (a) HTTPS (b) the server (c) the browser (d) the URL
23. 23.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 280px;
      justify-content: flex-end;
    }
    Inside are 4 boxes, each 50px wide (no margins).
24. 24.💬 Does the browser show comments on the page? (a) Yes (b) No
25. 25.✍️ Which sign goes between a property and its value? (a) = (b) : (c) - (d) ;
26. 26.⚡ What number does this code print?
    let marks = 16;
    marks = marks + 7;
    marks = marks - 20;
    console.log(marks);
27. 27.🌐 Which one hosts websites online? (a) a code editor (b) a web browser (c) a web server
28. 28.🔠 Which heading shows the BIGGEST text: <h6>, <h2>, <h1> or <h5>? (a) <h6> (b) <h1> (c) <h2> (d) <h5>
29. 29.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the body (b) in the head
30. 30.🖌️ Which CSS property makes letters bigger? (a) font-size (b) color (c) font-weight (d) font-family
31. 31.🔢 On a typical page, from top to bottom, what comes right after “<main>”? (a) <header> (b) <nav> (c) <footer>
32. 32.True or false: a web server hosts websites online. (a) False (b) True
33. 33.📊 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>Litchi</td><td>Mango</td><td>Guava</td><td>Banana</td></tr>
      <tr><td>Orange</td><td>Papaya</td><td>Orange</td><td>Banana</td></tr>
      <tr><td>Litchi</td><td>Banana</td><td>Papaya</td><td>Jamun</td></tr>
    </table>
34. 34.🚀 Should file names have spaces, like my page.html? (a) Yes (b) No
35. 35.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) Match report (b) We won by 5 runs. (c) index.html (d) Cricket Club
36. 36.🌈 Which colour is rgb(255, 0, 255)? (a) magenta (b) bright green (c) yellow (d) blue
37. 37.Which of these is an empty tag? (a) <ul> (b) <title> (c) <meta> (d) <b>
38. 38.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="sport"> Kabaddi
      <input type="radio" name="sport"> Hockey
      <input type="radio" name="sport"> Football
    </form>
39. 39.🌍 What do we call the computer that stores a website? (a) a mouse (b) a printer (c) a server (d) a keyboard
40. 40.True or false: <input> has a closing tag. (a) False (b) True

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