Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 568 · 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 selector is the strongest? (a) an id selector (b) an element selector (c) a class selector
2. 2.⚖️ What colour is the text of this element?
   <p class="menu" id="top">Hi</p>
   CSS:
   p { color: red; }
   p { color: black; } (a) red (b) blue (c) yellow (d) black
3. 3.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Space Facts</title>
   </head>
   <body>
     <h1>Planets</h1>
     <p>Thanks for visiting.</p>
   </body>
   </html> (a) Thanks for visiting. (b) Space Facts (c) body (d) Planets
4. 4.Which of these has a closing tag? (a) <img> (b) <hr> (c) <br> (d) <li>
5. 5.🔤 In “HTML”, what do the letters HT stand for? (a) High Tech (b) Home Text (c) Hot Tags (d) HyperText
6. 6.🔠 How many headings are in this code?
   <h1>I love mangoes.</h1>
   <h4>Fun facts</h4>
   <h3>I love mangoes.</h3>
   <h2>Our school trip</h2>
7. 7.🔗 Which address opens when you click this link?
   <a href="news.html">Contact us</a> (a) quiz.html (b) news.html (c) games.html (d) Contact us
8. 8.🎯 How many elements on a page should have the same id? (a) 2 (b) 1 (c) 5 (d) any number
9. 9.🔠 Which tag is used for the main title on a page? (a) <br> (b) <h1> (c) <p> (d) <h6>
10. 10.🖌️ Which CSS property makes letters bigger? (a) background-color (b) text-align (c) font-size (d) font-weight
11. 11.🔒 Is the connection to this address scrambled (encrypted)?
    http://www.example.com/art/gallery.html (a) Yes (b) No
12. 12.🔁 How many times does this code print “Hi”?
    for (let i = 3; i < 7; i++) {
      console.log("Hi");
    }
13. 13.📝 Which input type hides what you type? (a) radio (b) password (c) checkbox (d) number
14. 14.💬 Does the browser show comments on the page? (a) No (b) Yes
15. 15.🌍 What is the path in this URL?
    http://school.example.in/art/gallery.html (a) http (b) school.example.in (c) /news/today.html (d) /art/gallery.html
16. 16.🌗 Is yellow on black easy or hard to read? (a) hard to read (b) easy to read
17. 17.True or false: “write clear link text” makes the page harder to use. (a) False (b) True
18. 18.Which of these is an opening tag? (a) </h1> (b) </title> (c) </li> (d) <body>
19. 19.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) close it, tell an adult (b) click it twice (c) type the password (d) share it with friends
20. 20.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="text">
      <input type="date">
      <input type="submit" value="Send">
    </form>
21. 21.♿ Does this help everyone, or make the page harder to use: use headings in order? (a) makes it harder (b) helps everyone
22. 22.🌗 Is white on dark blue easy or hard to read? (a) easy to read (b) hard to read
23. 23.🚀 You change your code. What should you do to see the change? (a) rename the folder (b) save and refresh (c) switch off the PC (d) delete the file
24. 24.🔠 Which heading shows the BIGGEST text: <h2>, <h5>, <h1> or <h3>? (a) <h1> (b) <h3> (c) <h2> (d) <h5>
25. 25.🔢 In a basic web page file, which comes first: “</html>” or “<body>”? (a) </html> (b) <body>
26. 26.🌈 Which colour is rgb(0, 0, 0)? (a) magenta (b) white (c) bright green (d) black
27. 27.🖼️ How many pixels wide is the picture drawn?
    <img src="dog.jpg" alt="A happy dog" width="350">
28. 28.True or false: <hr> is an empty tag. (a) False (b) True
29. 29.True or false: <title> goes in the body. (a) True (b) False
30. 30.⚡ Which JavaScript word makes a new variable? (a) if (b) for (c) alert() (d) let
31. 31.True or false: “label every form box” helps everyone use the page. (a) False (b) True
32. 32.Which of these has a closing tag? (a) <hr> (b) <input> (c) <h1> (d) <img>
33. 33.⚡ Which JavaScript word repeats code? (a) if (b) for (c) alert() (d) let
34. 34.🌍 What is the protocol in this URL?
    https://www.example.com/maths/tables.html (a) http (b) www.example.com (c) /maths/tables.html (d) https
35. 35.True or false: <aside> holds a side box of tips. (a) True (b) False
36. 36.⚖️ What colour is the text of this element?
    <p class="menu" id="intro">Hi</p>
    CSS:
    #intro { color: yellow; }
    p { color: white; } (a) yellow (b) orange (c) black (d) white
37. 37.🌈 In #190000 the red part is the hex number 19. What is it as a normal number?
38. 38.🔗 Which address opens when you click this link?
    <a href="maths.html">Visit the site</a> (a) Visit the site (b) maths.html (c) art.html (d) news.html
39. 39.📊 How many cells are in each row?
    <table>
      <tr><td>Guava</td><td>Banana</td></tr>
      <tr><td>Jamun</td><td>Orange</td></tr>
    </table>
40. 40.Which of these is not safe to do online? (a) log out on shared PCs (b) meet an online stranger (c) tell a trusted adult (d) think before you post

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