Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 289 · 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.🖌️ What colour is behind the letters?
   li {
     font-size: 40px;
     text-align: left;
     color: blue;
     background-color: red;
   } (a) red (b) white (c) blue
2. 2.📋 Does this list show bullets or numbers?
   <ul>
     <li>Orange</li>
     <li>Jamun</li>
   </ul> (a) bullets (b) numbers
3. 3.🧭 Is <nav> semantic or not semantic? (a) semantic (b) not semantic
4. 4.🚀 Which file is best for the colours and fonts? (a) photo.jpg (b) style.css (c) index.html (d) script.js
5. 5.🔗 Where does this link open?
   <a href="news.html">Play games</a> (a) in a new tab (b) in the same tab
6. 6.🖼️ Which attribute of <img> describes the picture? (a) src (b) height (c) width (d) alt
7. 7.🔍 Which is the odd one out? (a) has an address bar (b) turns HTML into a page (c) shows pages from the web (d) shows line numbers
8. 8.📋 Does this list show bullets or numbers?
   <ul>
     <li>Banana</li>
     <li>Guava</li>
     <li>Orange</li>
   </ul> (a) numbers (b) bullets
9. 9.🧩 Which language changes the text size? (a) HTML (b) JavaScript (c) CSS
10. 10.📱 The screen is 820px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (max-width: 480px) {
      p {
        font-size: 18px;
      }
    } (a) Yes (b) No
11. 11.✍️ How many declarations (property: value pairs) are in this rule?
    h1 {
      font-size: 20px;
    }
12. 12.🌍 What is the domain name in this URL?
    http://learn.example.com/games/chess.html (a) learn.example.com (b) www.example.com (c) http (d) /games/chess.html
13. 13.📊 How many cells are in each row?
    <table>
      <tr><td>Litchi</td><td>Papaya</td><td>Jamun</td><td>Litchi</td></tr>
      <tr><td>Grapes</td><td>Litchi</td><td>Jamun</td><td>Mango</td></tr>
      <tr><td>Banana</td><td>Papaya</td><td>Grapes</td><td>Grapes</td></tr>
      <tr><td>Orange</td><td>Papaya</td><td>Papaya</td><td>Papaya</td></tr>
    </table>
14. 14.✍️ What value is given to font-weight in this rule?
    li {
      font-weight: bold;
      font-size: 20px;
      width: 300px;
    } (a) 2px solid (b) font-weight (c) bold (d) 300px
15. 15.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="fort.jpg" alt="An old fort" width="50"> (a) width (b) An old fort (c) A tiger asleep (d) fort.jpg
16. 16.🖌️ What colour are the letters?
    h1 {
      font-size: 32px;
      text-align: left;
      background-color: orange;
      color: white;
    } (a) white (b) orange (c) blue
17. 17.🚀 What is the home page file of a website usually called? (a) start.js (b) home.css (c) index.html (d) main.png
18. 18.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Jamun</td><td>Grapes</td><td>Grapes</td><td>Banana</td></tr>
    </table>
19. 19.♿ Does this help everyone, or make the page harder to use: write clear link text? (a) helps everyone (b) makes it harder
20. 20.🏷️ Which is the closing tag for <h3>? (a) </h3> (b) <h3/> (c) <\h3> (d) <h3>
21. 21.True or false: <aside> holds extra side notes. (a) True (b) False
22. 22.📝 Which input type is for one line of words? (a) date (b) radio (c) text (d) email
23. 23.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the body (b) in the head
24. 24.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h4> (b) <h6> (c) <h5> (d) <h2>
25. 25.⚡ What does this code print? (Look at the quotes!)
    let x = "6";
    let y = 4;
    console.log(x + y); (a) Error (b) 10 (c) 64
26. 26.🖼️ How many pixels wide is the picture drawn?
    <img src="bus.jpg" alt="Our school bus" width="150">
27. 27.🔗 Where does this link open?
    <a href="games.html" target="_blank">About us</a> (a) in the same tab (b) in a new tab
28. 28.♿ Is this heading order correct (no level skipped)?
    <h1> → <h2> → <h4> → <h4> (a) Yes (b) No
29. 29.🔍 Which is the odd one out? (a) puts a picture on a page (b) gives the page structure (c) makes a link (d) checks a quiz answer
30. 30.🔁 When does the else part run? (a) always (b) never (c) when if is true (d) when if is false
31. 31.True or false: <tr> makes one table row. (a) False (b) True
32. 32.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="50"> (a) map.png (b) cake.jpg (c) kite.png (d) A red kite
33. 33.♿ A part of the page is under a <h1> heading. Which tag should its sub-heading use? (a) <h3> (b) <h6> (c) <h5> (d) <h2>
34. 34.📱 max-width: 600px applies when the screen is ___. (a) 600px or narrower (b) turned off (c) 600px or wider (d) exactly 1000px
35. 35.🔤 In “HTML”, what do the letters HT stand for? (a) Home Text (b) High Tech (c) Hot Tags (d) HyperText
36. 36.📋 Which list tag shows bullet points? (a) <ol> (b) <ul> (c) <li>
37. 37.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) Thanks for visiting. (b) Easy snacks (c) index.html (d) Cricket Club
38. 38.True or false: #end is an id selector. (a) False (b) True
39. 39.🏷️ Is </li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
40. 40.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 8; i++) {
      total = total + 9;
    }
    console.log(total);

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