Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 163 · 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.🌈 In #rrggbb, which colour do the last two digits give? (a) white (b) blue (c) red (d) green
2. 2.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="fort.jpg" alt="An old fort" width="400"> (a) A tiger asleep (b) An old fort (c) width (d) fort.jpg
3. 3.♿ Who uses a screen reader? (a) only coders (b) only robots (c) only teachers (d) people who are blind
4. 4.Which of these is a closing tag? (a) <b> (b) <li> (c) <p> (d) </body>
5. 5.✍️ In color: blue; which part is the value? (a) : (b) blue (c) color (d) ;
6. 6.True or false: to share your password is safe. (a) True (b) False
7. 7.📋 What number does the browser show next to “Mango”?
   <ol>
     <li>Grapes</li>
     <li>Mango</li>
     <li>Orange</li>
     <li>Papaya</li>
     <li>Jamun</li>
   </ol>
8. 8.⚡ What number does this code print?
   let a = 39;
   let b = 24;
   console.log(a - b);
9. 9.📝 Does <input> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
10. 10.🎯 Which sign starts an id selector? (a) . (b) @ (c) # (d) &
11. 11.🚀 Which file should this code go in: h1 { font-size: 32px; } (a) script.js (b) style.css (c) index.html
12. 12.🏷️ Which is the closing tag for <h3>? (a) <h3/> (b) <\h3> (c) <h3> (d) </h3>
13. 13.🖼️ Does <img> need a closing tag? (a) Yes (b) No
14. 14.🚀 Which file should this code go in: <ul><li>Art</li></ul> (a) script.js (b) index.html (c) style.css
15. 15.🔠 Which heading shows the BIGGEST text: <h5>, <h6>, <h3> or <h4>? (a) <h5> (b) <h6> (c) <h3> (d) <h4>
16. 16.What does font-size do? (a) picks the font style (b) makes the text bold (c) makes letters bigger (d) colours behind the text
17. 17.🔗 Which words do you click on?
    <a href="https://example.com">Maths fun</a> (a) href (b) Art corner (c) Maths fun (d) https://example.com
18. 18.🔗 Which address opens when you click this link?
    <a href="maths.html">Take the quiz</a> (a) Take the quiz (b) art.html (c) maths.html (d) news.html
19. 19.🔗 What does target="_blank" do to a link? (a) makes it blank (b) hides the link (c) opens it in a new tab (d) makes it bold
20. 20.🌈 In #rrggbb, which colour do the first two digits give? (a) green (b) black (c) red (d) blue
21. 21.🌈 Which colour is #ff0000? (a) magenta (b) black (c) white (d) red
22. 22.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <h2>Hello, world!</h2>
    <p>My best friend</p>
23. 23.Which of these has a closing tag? (a) <title> (b) <br> (c) <input> (d) <hr>
24. 24.📱 min-width: 800px applies when the screen is ___. (a) exactly 100px (b) turned off (c) 800px or narrower (d) 800px or wider
25. 25.True or false: <tr> makes a heading cell. (a) True (b) False
26. 26.🔢 When you open a web page, which comes first: “DNS finds the server” or “the browser shows it”? (a) DNS finds the server (b) the browser shows it
27. 27.🔁 How many times does this code print “Hello”?
    for (let i = 0; i < 4; i++) {
      console.log("Hello");
    }
28. 28.🌈 Which colour is #0000ff? (a) black (b) white (c) yellow (d) blue
29. 29.🖌️ Where does the text sit on its line?
    h1 {
      color: blue;
      background-color: yellow;
      font-size: 12px;
      text-align: left;
    } (a) on the left (b) in the middle (c) on the right
30. 30.🔠 Which heading shows the SMALLEST text: <h1>, <h2>, <h3> or <h5>? (a) <h5> (b) <h3> (c) <h2> (d) <h1>
31. 31.🚀 Which file should this code go in: let score = 0; (a) style.css (b) index.html (c) script.js
32. 32.🚀 Which file should this code go in: <p>Hello!</p> (a) style.css (b) script.js (c) index.html
33. 33.🎯 Which element does the selector #intro style? (a) <h2 id="intro"> (b) <h2 class="intro"> (c) <li class="big"> (d) <h2 id="main">
34. 34.True or false: .menu is an element selector. (a) True (b) False
35. 35.Which of these does JavaScript do? (a) changes the text size (b) sets colours and fonts (c) changes the page live (d) lays out the page
36. 36.📊 Where do <td> cells go? (a) inside a <tr> (b) inside a <p> (c) inside the <head> (d) inside a <li>
37. 37.📋 Which tag goes around each item of a list? (a) <li> (b) <ul> (c) <p> (d) <ol>
38. 38.Which colour pair is easy to read? (a) light grey on white (b) blue on purple (c) white on black (d) yellow on white
39. 39.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
40. 40.🌗 Is red on green easy or hard to read? (a) easy to read (b) hard to read

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