Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 307 · 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 CSS property colours behind the text? (a) background-color (b) font-family (c) color (d) font-weight
2. 2.⚡ What does this code print? (Look at the quotes!)
   let x = "2";
   let y = 7;
   console.log(x + y); (a) Error (b) 27 (c) 9
3. 3.True or false: HTTPS scrambles data on its way. (a) False (b) True
4. 4.Which of these is true of a web server? (a) shows pages from the web (b) has an address bar (c) colours code to help us (d) stores a website’s files
5. 5.🔍 Which line is missing its closing tag?
   line 1: <i>My pets</i>
   line 2: <b>Our school trip</b>
   line 3: <h1>The red kite (a) line 2 (b) line 3 (c) line 1
6. 6.📱 The screen is 375px wide. Does the rule inside @media apply?
   p {
     font-size: 16px;
   }
   @media (max-width: 480px) {
     p {
       font-size: 14px;
     }
   } (a) Yes (b) No
7. 7.True or false: <th> makes a heading cell. (a) False (b) True
8. 8.🖼️ Which picture file does the browser load?
   <img src="map.png" alt="Map of India" width="250"> (a) dog.jpg (b) cake.jpg (c) Map of India (d) map.png
9. 9.✍️ How many declarations (property: value pairs) are in this rule?
   p {
     background-color: yellow;
   }
10. 10.📊 Which tag gives the table a title? (a) <caption> (b) <th> (c) <table> (d) <td>
11. 11.📝 Which input type takes only numbers? (a) email (b) number (c) submit (d) text
12. 12.🚀 Where in index.html does the link to style.css go? (a) in the head (b) inside a <p> (c) in the footer (d) after </html>
13. 13.True or false: .star is a class selector. (a) True (b) False
14. 14.🌈 In #rrggbb, which colour do the last two digits give? (a) blue (b) green (c) red (d) white
15. 15.🖌️ Which CSS property sets the letter colour? (a) text-align (b) color (c) font-family (d) font-weight
16. 16.True or false: HTML on its own cannot make links to pages. (a) False (b) True
17. 17.Which colour pair is hard to read? (a) white on black (b) dark grey on white (c) black on white (d) pink on red
18. 18.⚖️ Which selector is the strongest? (a) an id selector (b) an element selector (c) a class selector
19. 19.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 6; i = i + 3) {
      console.log(i);
    }
20. 20.🖌️ What colour is behind the letters?
    h1 {
      color: yellow;
      font-size: 12px;
      text-align: right;
      background-color: red;
    } (a) orange (b) yellow (c) red
21. 21.🎨 A CSS file usually ends with which extension? (a) .html (b) .css (c) .png (d) .js
22. 22.🧭 Which semantic tag holds the menu of links? (a) <header> (b) <nav> (c) <footer> (d) <main>
23. 23.🔒 Is the connection to this address scrambled (encrypted)?
    https://www.example.com/news/today.html (a) No (b) Yes
24. 24.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 200px;
      justify-content: flex-start;
    }
    Inside are 3 boxes, each 40px wide (no margins).
25. 25.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
26. 26.✍️ What is the selector in this CSS rule?
    body {
      font-weight: bold;
      text-align: center;
      font-style: italic;
      color: red;
    } (a) body (b) font-weight (c) center (d) .box
27. 27.🔗 Which address opens when you click this link?
    <a href="art.html">About us</a> (a) quiz.html (b) art.html (c) news.html (d) About us
28. 28.🎯 Which CSS selector matches this element?
    <li class="red" id="logo">Hello</li> (a) #red (b) .logo (c) #logo (d) #end
29. 29.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="number">
      <input type="text">
      <input type="submit" value="Send">
    </form>
30. 30.🏷️ Is <b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
31. 31.True or false: <tr> makes one data cell. (a) True (b) False
32. 32.🔐 Is qwerty a strong or a weak password? (a) weak (b) strong
33. 33.True or false: <caption> holds the whole table. (a) True (b) False
34. 34.True or false: “colour as the only clue” makes the page harder to use. (a) False (b) True
35. 35.🔗 Where does this link open?
    <a href="maths.html">Art corner</a> (a) in a new tab (b) in the same tab
36. 36.📋 How many items does this list show?
    <ol>
      <li>Orange</li>
      <li>Mango</li>
    </ol>
37. 37.True or false: a web server hosts websites online. (a) True (b) False
38. 38.🔍 Which is the odd one out? (a) makes a form box (b) makes a link (c) sets colours and fonts (d) gives the page structure
39. 39.True or false: <title> has a closing tag. (a) True (b) False
40. 40.💪 Which justify-content value equal gaps, none at ends? (a) flex-end (b) flex-start (c) center (d) space-between

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