Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 983 · 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 flexbox property turns on flexbox? (a) gap (b) display: flex (c) align-items (d) justify-content
2. 2.📱 The screen is 375px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 20px;
   }
   @media (min-width: 768px) {
     p {
       font-size: 22px;
     }
   }
3. 3.🏷️ Which is the closing tag for <em>? (a) <em> (b) <em/> (c) </em> (d) <\em>
4. 4.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 12px;
   }
   @media (max-width: 1024px) {
     p {
       font-size: 10px;
     }
   }
5. 5.♿ Does this help everyone, or make the page harder to use: tiny grey text? (a) helps everyone (b) makes it harder
6. 6.📄 Where does the text of <title> appear? (a) on the browser tab (b) at the bottom (c) in a big heading (d) nowhere
7. 7.📋 How many items does this list show?
   <ol>
     <li>Jamun</li>
     <li>Litchi</li>
     <li>Mango</li>
     <li>Guava</li>
     <li>Orange</li>
     <li>Grapes</li>
   </ol>
8. 8.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the shorter one (c) the later one (d) the first one
9. 9.🖼️ Which picture file does the browser load?
   <img src="fort.jpg" alt="An old fort" width="300"> (a) tiger.jpg (b) kite.png (c) An old fort (d) fort.jpg
10. 10.🧭 Which semantic tag is the page’s key part? (a) <header> (b) <main> (c) <aside> (d) <nav>
11. 11.Which of these goes in the body? (a) <ul> (b) <style> (c) <title> (d) <meta charset="utf-8">
12. 12.🎯 Can many elements share the same class? (a) Yes (b) No
13. 13.🏷️ Every HTML tag starts with which sign? (a) < (b) [ (c) ( (d) {
14. 14.🌐 Which one shows pages from the web? (a) a web browser (b) a code editor (c) a web server
15. 15.🌍 What does a web address (URL) tell the browser? (a) your password (b) how old you are (c) where the page is (d) the page colour
16. 16.🌈 Which colour of light is strongest in rgb(54, 157, 39)? (a) red (b) blue (c) green
17. 17.📝 What does <br> do? (a) makes text bold (b) adds a picture (c) makes a list (d) starts a new line
18. 18.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="sport"> Chess
      <input type="checkbox" name="sport"> Football
      <input type="checkbox" name="sport"> Kabaddi
      <input type="checkbox" name="sport"> Hockey
      <input type="checkbox" name="sport"> Cricket
    </form>
19. 19.Which of these is a weak password? (a) Rain#Drop_42! (b) Mango#Kite29! (c) riya2014 (d) Kite_Fl1es@Dawn
20. 20.🔤 In “HTML”, what does the L stand for? (a) Line (b) Link (c) Language (d) Laptop
21. 21.🔢 In a basic web page file, which comes LAST? (a) <body> (b) </html> (c) </body> (d) <html>
22. 22.⚖️ Which selector is the weakest? (a) a class selector (b) an id selector (c) an element selector
23. 23.🚀 Which file should this code go in: <h1>My Site</h1> (a) index.html (b) style.css (c) script.js
24. 24.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Mango</td><td>Jamun</td></tr>
    </table>
25. 25.📋 Does this list show bullets or numbers?
    <ol>
      <li>Orange</li>
      <li>Grapes</li>
    </ol> (a) bullets (b) numbers
26. 26.Which of these has a closing tag? (a) <li> (b) <img> (c) <hr> (d) <meta>
27. 27.🎨 Which tag holds CSS inside the head? (a) <script> (b) <body> (c) <style> (d) <css>
28. 28.True or false: <ol> is one item of a list. (a) False (b) True
29. 29.Which of these is safe to do online? (a) meet an online stranger (b) ask before downloading (c) post your home address (d) click prize links
30. 30.📊 In a table, which tag is a row? (a) <th> (b) <td> (c) <tr> (d) <tb>
31. 31.True or false: <table> gives the table a title. (a) True (b) False
32. 32.⚡ What does alert() show? (a) a pop-up box (b) a new tab (c) a table (d) a picture
33. 33.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) We won by 5 runs. (b) Riya’s Recipes (c) index.html (d) Easy snacks
34. 34.True or false: HTML on its own cannot make tables. (a) True (b) False
35. 35.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <h1> (c) <meta charset="utf-8"> (d) <title>
36. 36.♿ Does this help everyone, or make the page harder to use: skipping heading levels? (a) makes it harder (b) helps everyone
37. 37.Which colour pair is easy to read? (a) pink on red (b) yellow on white (c) blue on purple (d) dark grey on white
38. 38.⚖️ What colour is the text of this element?
    <p class="box" id="end">Hi</p>
    CSS:
    #end { color: blue; }
    .box { color: red; }
    p { color: orange; } (a) black (b) red (c) orange (d) blue
39. 39.🔠 How many headings are in this code?
    <h1>My best friend</h1>
    <h3>Hello, world!</h3>
    <p>My pets</p>
    <p>Hello, world!</p>
40. 40.Which of these is safe to do online? (a) meet an online stranger (b) check for https first (c) share your OTP (d) type a password on http

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