Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 169 · 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.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
2. 2.Which of these is true of a web server? (a) opens web pages for us (b) has an address bar (c) sends pages over the net (d) colours code to help us
3. 3.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 20px;
   }
   @media (max-width: 600px) {
     p {
       font-size: 16px;
     }
   }
4. 4.🧭 Which semantic tag holds a side box of tips? (a) <footer> (b) <article> (c) <nav> (d) <aside>
5. 5.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is a game (b) the site is free (c) the data is scrambled (d) the site is fast
6. 6.True or false: to post your home address is safe. (a) False (b) True
7. 7.🔐 Is 123456 a strong or a weak password? (a) strong (b) weak
8. 8.⚡ Which JavaScript word writes in the console? (a) for (b) console.log() (c) let (d) if
9. 9.True or false: HTML on its own can make a form. (a) True (b) False
10. 10.🔠 How many headings are in this code?
    <h1>My pets</h1>
    <h4>Hello, world!</h4>
    <p>Good morning!</p>
    <p>The red kite</p>
11. 11.True or false: .big is a class selector. (a) True (b) False
12. 12.Which of these has a closing tag? (a) <img> (b) <meta> (c) <input> (d) <li>
13. 13.⚡ Which JavaScript word runs code when true? (a) console.log() (b) for (c) let (d) if
14. 14.🎨 One CSS file can style how many pages? (a) many pages (b) only one image (c) only one word (d) no pages
15. 15.🚀 Which file is best for code that reacts to clicks? (a) notes.txt (b) script.js (c) style.css (d) index.html
16. 16.🌍 What does a web address (URL) tell the browser? (a) the page colour (b) how old you are (c) your password (d) where the page is
17. 17.✍️ Which property is set to 8px in this rule?
    .box {
      text-align: center;
      padding: 8px;
    } (a) 8px (b) font-weight (c) padding (d) border
18. 18.True or false: HTML on its own can add pictures to a page. (a) False (b) True
19. 19.📝 What does a password box show instead of letters? (a) capital letters (b) dots (c) emojis (d) numbers
20. 20.🔠 Which tag is used for the main title on a page? (a) <h1> (b) <h6> (c) <p> (d) <br>
21. 21.🌈 Which colour is rgb(255, 0, 0)? (a) red (b) white (c) black (d) yellow
22. 22.🖼️ Which tag puts a picture on a page? (a) <pic> (b) <p> (c) <img> (d) <a>
23. 23.🎯 Which CSS selector matches this element?
    <p class="note" id="hero">Hello</p> (a) .hero (b) p (c) #top (d) #note
24. 24.✍️ What value is given to text-align in this rule?
    .note {
      width: 300px;
      text-align: center;
    } (a) yellow (b) 10px (c) center (d) text-align
25. 25.🔗 Which words do you click on?
    <a href="games.html">Contact us</a> (a) Visit the site (b) href (c) Contact us (d) games.html
26. 26.🔐 Is Mango#Kite29! a strong or a weak password? (a) weak (b) strong
27. 27.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <p>Cricket is fun.</p>
    <p>Fun facts</p>
    <h3>I love mangoes.</h3>
28. 28.✍️ Which property is set to red in this rule?
    h2 {
      background-color: yellow;
      color: red;
    } (a) color (b) font-size (c) red (d) text-align
29. 29.True or false: in <img>, alt shows if the image fails. (a) True (b) False
30. 30.Which of these is true of a web server? (a) is where we type code (b) answers page requests (c) shows pages from the web (d) has an address bar
31. 31.✍️ Which property is set to 300px in this rule?
    #top {
      width: 300px;
      color: red;
    } (a) color (b) font-style (c) 300px (d) width
32. 32.🧭 Is <div> semantic or not semantic? (a) not semantic (b) semantic
33. 33.True or false: <li> lists things in any order. (a) False (b) True
34. 34.⚡ A JavaScript file usually ends with which extension? (a) .html (b) .jpg (c) .js (d) .css
35. 35.🔗 Which address opens when you click this link?
    <a href="about.html">Visit the site</a> (a) about.html (b) contact.html (c) https://example.com (d) Visit the site
36. 36.💬 Does the browser show comments on the page? (a) No (b) Yes
37. 37.True or false: <input type="submit"> sends the form. (a) False (b) True
38. 38.🏷️ Is <li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
39. 39.🖼️ Which attribute of <img> describes the picture? (a) src (b) width (c) alt (d) height
40. 40.✍️ How many declarations (property: value pairs) are in this rule?
    li {
      color: red;
      font-size: 20px;
      padding: 8px;
      border: 2px solid;
    }

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