Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 971 · 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.📝 On how many lines does the browser show this paragraph?
   <p>Rivers flow<br>Stars shine<br>Sky is blue</p>
2. 2.🖼️ Does <img> need a closing tag? (a) Yes (b) No
3. 3.🖌️ What colour is behind the letters?
   h1 {
     text-align: center;
     font-size: 20px;
     background-color: black;
     color: yellow;
   } (a) green (b) yellow (c) black
4. 4.✍️ Which sign goes between a property and its value? (a) - (b) = (c) : (d) ;
5. 5.📋 Which list tag is an ordered list? (a) <ul> (b) <ol> (c) <li>
6. 6.True or false: to ask before downloading is not safe. (a) True (b) False
7. 7.🔍 Which is the odd one out? (a) is where we type code (b) shows line numbers (c) colours code to help us (d) shows pages from the web
8. 8.📝 On how many lines does the browser show this paragraph?
   <p>Roses are red<br>Kites fly high<br>Sky is blue</p>
9. 9.🏷️ What does a closing tag have that an opening tag does not? (a) a hash # (b) a slash / (c) a dollar $ (d) a dot .
10. 10.💪 Which justify-content value packs boxes at the end? (a) center (b) flex-start (c) space-between (d) flex-end
11. 11.Which of these is a closing tag? (a) <body> (b) <b> (c) <title> (d) </b>
12. 12.🔗 Which code links to about.html? (a) <a href="about.html"> (b) <link about.html> (c) <a src="about.html"> (d) <a alt="about.html">
13. 13.📊 In a table, which tag is a row? (a) <tr> (b) <th> (c) <tb> (d) <td>
14. 14.🔁 How many times does this code print “Welcome”?
    for (let i = 0; i < 8; i++) {
      console.log("Welcome");
    }
15. 15.🖼️ Which attribute of <img> shows if the image fails? (a) alt (b) src (c) height (d) width
16. 16.True or false: <ul> is an unordered list. (a) False (b) True
17. 17.📊 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>Guava</td><td>Litchi</td><td>Guava</td><td>Orange</td></tr>
      <tr><td>Banana</td><td>Mango</td><td>Papaya</td><td>Litchi</td></tr>
    </table>
18. 18.Which colour pair is hard to read? (a) white on dark blue (b) black on white (c) red on green (d) dark grey on white
19. 19.🔍 Which is the odd one out? (a) colours code to help us (b) turns HTML into a page (c) is where we type code (d) saves our .html files
20. 20.True or false: the browser scrambles data on its way. (a) True (b) False
21. 21.🚀 Which file should this code go in: <a href="a.html">Go</a> (a) style.css (b) index.html (c) script.js
22. 22.True or false: the content is the text or picture. (a) False (b) True
23. 23.🔠 Which heading shows the BIGGEST text: <h6>, <h4>, <h5> or <h1>? (a) <h4> (b) <h1> (c) <h6> (d) <h5>
24. 24.🔢 To build and share your first web page, what comes right after “add CSS styles”? (a) write the HTML (b) publish it online (c) test in a browser (d) plan what to show
25. 25.🔗 Where does this link open?
    <a href="games.html" target="_blank">About us</a> (a) in a new tab (b) in the same tab
26. 26.📱 The screen is 700px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 12px;
      }
    }
27. 27.📦 In the box model, which part is a solid or dotted edge? (a) border (b) margin (c) content (d) padding
28. 28.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
29. 29.⚡ Which JavaScript word repeats code? (a) console.log() (b) alert() (c) let (d) for
30. 30.🧭 Why use <nav> instead of <div> for a menu? (a) it loads faster (b) it makes text red (c) it tells its meaning (d) it adds pictures
31. 31.⚡ Which tag holds JavaScript in a page? (a) <code> (b) <js> (c) <style> (d) <script>
32. 32.📝 Which input type sends the form? (a) date (b) submit (c) number (d) password
33. 33.🔢 To build and share your first web page, which comes first: “publish it online” or “write the HTML”? (a) write the HTML (b) publish it online
34. 34.Which colour pair is easy to read? (a) white on dark blue (b) red on green (c) yellow on white (d) blue on purple
35. 35.🏷️ Which is the closing tag for <u>? (a) <u/> (b) <\u> (c) </u> (d) <u>
36. 36.🔐 Is qwerty a strong or a weak password? (a) weak (b) strong
37. 37.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) Mars is red. (b) Welcome! (c) My Hobbies (d) index.html
38. 38.Which of these is padding? (a) a solid or dotted edge (b) the gap round content (c) the gap to other boxes (d) the line round the box
39. 39.🖌️ What colour are the letters?
    p {
      text-align: left;
      font-size: 36px;
      background-color: red;
      color: yellow;
    } (a) yellow (b) orange (c) red
40. 40.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 50px;
      padding: 15px;
      border: 1px solid black;
      margin: 10px;
    }

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