Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 101 · 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.🔢 To build and share your first web page, what comes right after “write the HTML”? (a) add CSS styles (b) publish it online (c) test in a browser (d) plan what to show
2. 2.🌈 Which hex code is red? (a) #00ffff (b) #ffffff (c) #ff00ff (d) #ff0000
3. 3.True or false: “use big enough text” makes the page harder to use. (a) False (b) True
4. 4.📱 The screen is 320px wide. Does the rule inside @media apply?
   p {
     font-size: 12px;
   }
   @media (min-width: 768px) {
     p {
       font-size: 18px;
     }
   } (a) No (b) Yes
5. 5.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="map.png" alt="Map of India" width="350"> (a) Birthday cake (b) map.png (c) width (d) Map of India
6. 6.🌈 In #rrggbb, which colour do the first two digits give? (a) red (b) black (c) blue (d) green
7. 7.🖼️ Which attribute of <img> tells which image to load? (a) alt (b) width (c) src (d) height
8. 8.True or false: margin is the line round the box. (a) False (b) True
9. 9.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the first one (c) the shorter one (d) the later one
10. 10.🔐 Is S0lar!Pen#8 a strong or a weak password? (a) strong (b) weak
11. 11.🧩 Which language counts down a timer? (a) HTML (b) JavaScript (c) CSS
12. 12.True or false: the content is the text or picture. (a) True (b) False
13. 13.🖼️ Which picture file does the browser load?
    <img src="map.png" alt="Map of India" width="350"> (a) map.png (b) dog.jpg (c) cake.jpg (d) Map of India
14. 14.🌈 Which colour is rgb(0, 0, 0)? (a) black (b) yellow (c) white (d) blue
15. 15.✍️ How many declarations (property: value pairs) are in this rule?
    li {
      border: 2px solid;
    }
16. 16.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="bus.jpg" alt="Our school bus" width="300"> (a) width (b) bus.jpg (c) Our school bus (d) An old fort
17. 17.🔠 Which heading shows the SMALLEST text: <h5>, <h4>, <h1> or <h6>? (a) <h1> (b) <h4> (c) <h5> (d) <h6>
18. 18.🛡️ Online: is it safe to log out on shared PCs? (a) not safe (b) safe
19. 19.🔗 Which words do you click on?
    <a href="maths.html">Art corner</a> (a) Art corner (b) School news (c) href (d) maths.html
20. 20.Which of these is margin? (a) the text or picture (b) space inside the border (c) the gap to other boxes (d) a solid or dotted edge
21. 21.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 100px;
      justify-content: flex-end;
    }
    Inside are 2 boxes, each 40px wide (no margins).
22. 22.🎨 Which tag connects an outside CSS file? (a) <link> (b) <a> (c) <img> (d) <css>
23. 23.🌈 In #001000 the green part is the hex number 10. What is it as a normal number?
24. 24.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Litchi</td><td>Litchi</td></tr>
    </table>
25. 25.🖼️ Which attribute of <img> sets how wide it is? (a) src (b) width (c) height (d) alt
26. 26.📝 Which tag makes a drop-down list? (a) <li> (b) <ul> (c) <ol> (d) <select>
27. 27.💪 Which flexbox property sets space between boxes? (a) gap (b) flex-direction (c) justify-content (d) align-items
28. 28.🔐 Is password a strong or a weak password? (a) strong (b) weak
29. 29.🔗 Where does this link open?
    <a href="maths.html">Play games</a> (a) in the same tab (b) in a new tab
30. 30.⚡ What does this code print? (Look at the quotes!)
    let x = "7";
    let y = 6;
    console.log(x + y); (a) 76 (b) Error (c) 13
31. 31.True or false: “link text “click here”” helps everyone use the page. (a) True (b) False
32. 32.🔤 In “HTML”, what does the L stand for? (a) Language (b) Link (c) Line (d) Laptop
33. 33.True or false: a web browser answers page requests. (a) True (b) False
34. 34.Which of these is true of <aside>? (a) holds the logo and title (b) holds a news story (c) holds one blog post (d) holds extra side notes
35. 35.True or false: <ol> is an unordered list. (a) True (b) False
36. 36.🎯 Which element does the selector #top style? (a) <h2 id="intro"> (b) <h2 id="top"> (c) <li class="star"> (d) <h2 class="top">
37. 37.🌍 What is the protocol in this URL?
    https://www.example.com/maths/tables.html (a) /maths/tables.html (b) www.example.com (c) https (d) http
38. 38.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) Riya’s Recipes (b) Planets (c) body (d) Thanks for visiting.
39. 39.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
40. 40.📝 Does <img> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag

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