Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 340 · 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.🛡️ Online: is it safe to keep passwords secret? (a) safe (b) not safe
2. 2.🎨 Which tag holds CSS inside the head? (a) <css> (b) <body> (c) <style> (d) <script>
3. 3.🔗 Which words do you click on?
   <a href="about.html">Contact us</a> (a) Visit the site (b) href (c) about.html (d) Contact us
4. 4.⚡ What number does this code print?
   let a = 30;
   let b = 11;
   console.log(a - b);
5. 5.🔗 Which address opens when you click this link?
   <a href="about.html">Play games</a> (a) about.html (b) contact.html (c) Play games (d) https://example.com
6. 6.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Riya’s Recipes</title>
   </head>
   <body>
     <h1>Match report</h1>
     <p>I like to read.</p>
   </body>
   </html> (a) Riya’s Recipes (b) Match report (c) index.html (d) I like to read.
7. 7.🌈 What is the biggest number one colour can have in rgb()? (a) 99 (b) 100 (c) 1000 (d) 255
8. 8.🧭 How many <main> parts should a page have? (a) one (b) three (c) ten (d) none
9. 9.🔢 To build and share your first web page, which comes first: “publish it online” or “test in a browser”? (a) test in a browser (b) publish it online
10. 10.🔠 Which tag is the least important heading? (a) <p> (b) <h1> (c) <h6> (d) <h3>
11. 11.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is free (b) the site is a game (c) the site is fast (d) the data is scrambled
12. 12.True or false: to log out on shared PCs is not safe. (a) False (b) True
13. 13.Which of these is not safe to do online? (a) share your OTP (b) ask before downloading (c) use a strong password (d) tell a trusted adult
14. 14.🖼️ Which attribute of <img> shows if the image fails? (a) src (b) width (c) height (d) alt
15. 15.🚀 Should file names have spaces, like my page.html? (a) Yes (b) No
16. 16.⚡ What does JavaScript add to a web page? (a) only colours (b) the page title (c) actions and changes (d) the domain name
17. 17.📋 Which list suits a shopping list in any order? (a) <ol> (b) <ul> (c) <hr> (d) <br>
18. 18.⚖️ Which selector is the weakest? (a) an element selector (b) an id selector (c) a class selector
19. 19.True or false: body is an element selector. (a) False (b) True
20. 20.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>I like to read.</p>
    </body>
    </html> (a) I like to read. (b) index.html (c) Match report (d) My Hobbies
21. 21.📋 Does this list show bullets or numbers?
    <ul>
      <li>Banana</li>
      <li>Mango</li>
    </ul> (a) numbers (b) bullets
22. 22.⚖️ What colour is the text of this element?
    <p class="box" id="main">Hi</p>
    CSS:
    p { color: black; }
    #main { color: purple; } (a) red (b) black (c) orange (d) purple
23. 23.True or false: to click prize links is not safe. (a) True (b) False
24. 24.🌗 Is pink on red easy or hard to read? (a) hard to read (b) easy to read
25. 25.📊 How many cells does this table have in all?
    <table>
      <tr><td>Orange</td><td>Jamun</td></tr>
      <tr><td>Jamun</td><td>Litchi</td></tr>
      <tr><td>Papaya</td><td>Orange</td></tr>
    </table>
26. 26.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Banana</td><td>Jamun</td></tr>
      <tr><td>Mango</td><td>Litchi</td></tr>
      <tr><td>Banana</td><td>Mango</td></tr>
    </table>
27. 27.🔠 Which heading shows the BIGGEST text: <h3>, <h2>, <h1> or <h5>? (a) <h5> (b) <h2> (c) <h3> (d) <h1>
28. 28.🖌️ Where does the text sit on its line?
    li {
      text-align: left;
      color: blue;
      background-color: black;
      font-size: 32px;
    } (a) on the left (b) in the middle (c) on the right
29. 29.🖼️ Which attribute of <img> describes the picture? (a) width (b) height (c) src (d) alt
30. 30.Which of these is the content? (a) the gap round content (b) the line round the box (c) the text or picture (d) a solid or dotted edge
31. 31.🔗 Which attribute holds the address of a link? (a) id (b) href (c) src (d) alt
32. 32.🚀 Which file should this code go in: alert(score); (a) index.html (b) style.css (c) script.js
33. 33.🖌️ Which CSS property picks the font style? (a) background-color (b) text-align (c) font-weight (d) font-family
34. 34.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Banana</td><td>Banana</td><td>Guava</td></tr>
    </table>
35. 35.📱 The screen is 320px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 6px;
      }
    }
36. 36.💬 Which text will NOT show on the page?
    <p>The red kite</p>
    <!-- <p>I love mangoes.</p> -->
    <p>Cricket is fun.</p>
    <p>Rain today</p> (a) The red kite (b) Cricket is fun. (c) I love mangoes. (d) Rain today
37. 37.📊 Where do <td> cells go? (a) inside the <head> (b) inside a <p> (c) inside a <tr> (d) inside a <li>
38. 38.📝 Which input type lets you pick only one? (a) password (b) number (c) radio (d) text
39. 39.🖼️ Which tag puts a picture on a page? (a) <p> (b) <a> (c) <pic> (d) <img>
40. 40.🧭 Is <footer> semantic or not semantic? (a) not semantic (b) semantic

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