Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 331 · 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.📊 How many rows does this table have?
   <table>
     <tr><td>Guava</td><td>Grapes</td></tr>
     <tr><td>Orange</td><td>Jamun</td></tr>
     <tr><td>Jamun</td><td>Grapes</td></tr>
   </table>
2. 2.📋 How many items does this list show?
   <ul>
     <li>Grapes</li>
     <li>Jamun</li>
     <li>Litchi</li>
     <li>Orange</li>
     <li>Guava</li>
     <li>Mango</li>
   </ul>
3. 3.📋 What number does the browser show next to “Jamun”?
   <ol>
     <li>Papaya</li>
     <li>Jamun</li>
     <li>Mango</li>
     <li>Banana</li>
   </ol>
4. 4.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 3 (c) 10 (d) 1
5. 5.🔠 Which heading shows the SMALLEST text: <h6>, <h3>, <h4> or <h2>? (a) <h4> (b) <h6> (c) <h2> (d) <h3>
6. 6.🔠 Which tag is used for the main title on a page? (a) <h6> (b) <h1> (c) <p> (d) <br>
7. 7.✍️ What value is given to text-align in this rule?
   h2 {
     font-size: 20px;
     text-align: center;
   } (a) text-align (b) 10px (c) center (d) yellow
8. 8.Which colour pair is easy to read? (a) red on green (b) light grey on white (c) blue on purple (d) white on black
9. 9.📄 Which part holds everything you see on the page? (a) the head (b) the title (c) the body (d) the doctype
10. 10.🖼️ Which picture file does the browser load?
    <img src="fort.jpg" alt="An old fort" width="300"> (a) An old fort (b) fort.jpg (c) tiger.jpg (d) kite.png
11. 11.💪 Which justify-content value packs boxes at the end? (a) center (b) flex-start (c) space-between (d) flex-end
12. 12.📊 Which tag holds the whole table? (a) <td> (b) <tr> (c) <caption> (d) <table>
13. 13.🎯 What kind of selector is li? (a) an element selector (b) an id selector (c) a class selector
14. 14.🎯 How many elements on a page should have the same id? (a) any number (b) 1 (c) 5 (d) 2
15. 15.True or false: <ul> is an ordered list. (a) True (b) False
16. 16.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Litchi</td><td>Papaya</td></tr>
    </table>
17. 17.🎯 Can many elements share the same class? (a) No (b) Yes
18. 18.🏷️ Every HTML tag starts with which sign? (a) < (b) [ (c) { (d) (
19. 19.📱 max-width: 600px applies when the screen is ___. (a) exactly 1000px (b) 600px or narrower (c) turned off (d) 600px or wider
20. 20.🧭 Which semantic tag sits at the very top? (a) <header> (b) <nav> (c) <main> (d) <footer>
21. 21.⚡ Which JavaScript word writes in the console? (a) alert() (b) if (c) console.log() (d) for
22. 22.🖌️ Which CSS property makes the text bold? (a) font-weight (b) text-align (c) font-family (d) color
23. 23.⚡ Which JavaScript word makes a new variable? (a) console.log() (b) let (c) for (d) alert()
24. 24.📱 The screen is 1100px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (min-width: 1024px) {
      p {
        font-size: 18px;
      }
    }
25. 25.🔢 To build and share your first web page, which comes LAST? (a) plan what to show (b) add CSS styles (c) write the HTML (d) publish it online
26. 26.📋 Which list shows the steps of a recipe best? (a) <hr> (b) <ol> (c) <br> (d) <ul>
27. 27.🌈 Which colour is rgb(0, 0, 0)? (a) cyan (b) yellow (c) white (d) black
28. 28.True or false: <td> holds the whole table. (a) True (b) False
29. 29.🧩 Which language checks a quiz answer? (a) HTML (b) CSS (c) JavaScript
30. 30.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 150px;
      justify-content: space-between;
    }
    Inside are 2 boxes, each 50px wide (no margins).
31. 31.🚀 You change your code. What should you do to see the change? (a) delete the file (b) switch off the PC (c) save and refresh (d) rename the folder
32. 32.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) publish it online (b) write the HTML (c) test in a browser (d) add CSS styles
33. 33.📋 How many items does this list show?
    <ul>
      <li>Litchi</li>
      <li>Jamun</li>
      <li>Grapes</li>
    </ul>
34. 34.Which of these is a weak password? (a) S0lar!Pen#8 (b) Blue@Tiger_74 (c) qwerty (d) Rain#Drop_42!
35. 35.Which of these is a closing tag? (a) </p> (b) <li> (c) <b> (d) <h1>
36. 36.⚡ What number does this code print?
    let coins = 13;
    coins = coins + 14;
    coins = coins - 16;
    console.log(coins);
37. 37.🌍 Which one stores the site’s files? (a) the URL (b) the server (c) the browser (d) HTTPS
38. 38.True or false: <th> makes a heading cell. (a) False (b) True
39. 39.🔠 Which heading shows the BIGGEST text: <h4>, <h6>, <h5> or <h1>? (a) <h6> (b) <h4> (c) <h1> (d) <h5>
40. 40.Which of these is the content? (a) the gap to other boxes (b) the text or picture (c) space outside the border (d) a solid or dotted edge

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