Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 391 · 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 heading shows the BIGGEST text: <h3>, <h1>, <h4> or <h2>? (a) <h1> (b) <h4> (c) <h2> (d) <h3>
2. 2.💪 How much empty space (px) is left after the last box?
   .row {
     display: flex;
     width: 160px;
     justify-content: flex-start;
   }
   Inside are 2 boxes, each 40px wide (no margins).
3. 3.📊 Which tag holds the whole table? (a) <caption> (b) <td> (c) <tr> (d) <table>
4. 4.Which of these is an empty tag? (a) <b> (b) <h1> (c) <meta> (d) <li>
5. 5.⚡ What number does this code print?
   let apples = 28;
   apples = apples + 14;
   apples = apples - 28;
   console.log(apples);
6. 6.✍️ How many declarations (property: value pairs) are in this rule?
   li {
     text-align: center;
     background-color: yellow;
     color: red;
   }
7. 7.Which of these is an opening tag? (a) </h1> (b) </b> (c) </title> (d) <li>
8. 8.⚖️ What colour is the text of this element?
   <h1 class="big" id="top">Hi</h1>
   CSS:
   h1 { color: red; }
   h1 { color: blue; } (a) purple (b) black (c) red (d) blue
9. 9.⚖️ What colour is the text of this element?
   <p class="menu" id="top">Hi</p>
   CSS:
   p { color: orange; }
   .menu { color: blue; }
   #top { color: green; } (a) blue (b) green (c) purple (d) orange
10. 10.🏷️ Which is the closing tag for <em>? (a) <em> (b) <\em> (c) </em> (d) <em/>
11. 11.True or false: in <img>, src tells which image to load. (a) False (b) True
12. 12.📊 How many cells does this table have in all?
    <table>
      <tr><td>Grapes</td><td>Orange</td><td>Grapes</td></tr>
      <tr><td>Grapes</td><td>Orange</td><td>Jamun</td></tr>
      <tr><td>Jamun</td><td>Orange</td><td>Litchi</td></tr>
      <tr><td>Jamun</td><td>Papaya</td><td>Litchi</td></tr>
    </table>
13. 13.True or false: <li> lists things in any order. (a) False (b) True
14. 14.📋 How many items does this list show?
    <ol>
      <li>Jamun</li>
      <li>Banana</li>
      <li>Guava</li>
      <li>Orange</li>
    </ol>
15. 15.Which of these goes in the head? (a) <img> (b) <a> (c) <table> (d) <style>
16. 16.🌈 In #rrggbb, which colour do the first two digits give? (a) green (b) red (c) blue (d) black
17. 17.📋 What number does the browser show next to “Grapes”?
    <ol start="5">
      <li>Orange</li>
      <li>Jamun</li>
      <li>Grapes</li>
    </ol>
18. 18.What is <input type="checkbox"> for? (a) hides what you type (b) sends the form (c) is for an email address (d) lets you tick many
19. 19.Which of these has a closing tag? (a) <img> (b) <input> (c) <meta> (d) <ul>
20. 20.Which of these is a weak password? (a) Kite_Fl1es@Dawn (b) Chai$Cup_19x (c) Rain#Drop_42! (d) abcd1234
21. 21.📦 In the box model, which part is the gap round content? (a) content (b) margin (c) border (d) padding
22. 22.🔁 When does the else part run? (a) when if is true (b) when if is false (c) always (d) never
23. 23.📋 How many items does this list show?
    <ol>
      <li>Papaya</li>
      <li>Orange</li>
      <li>Mango</li>
      <li>Guava</li>
    </ol>
24. 24.🌐 Which one is where we type code? (a) a code editor (b) a web server (c) a web browser
25. 25.🌈 Which colour is rgb(0, 0, 0)? (a) white (b) magenta (c) black (d) red
26. 26.🔍 One closing tag is missing. Which one?
    <b>My best friend</b>
    <strong>Our school trip
    <i>Cricket is fun.</i> (a) </i> (b) </strong> (c) </b> (d) </u>
27. 27.🔠 How many <h1> headings should a page usually have? (a) 3 (b) 10 (c) 1 (d) 6
28. 28.🔁 What does this code print?
    let marks = 15;
    if (marks >= 9) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Pass (b) Try again
29. 29.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Orange</td><td>Papaya</td></tr>
      <tr><td>Guava</td><td>Jamun</td></tr>
      <tr><td>Guava</td><td>Papaya</td></tr>
    </table>
30. 30.📊 How many cells does this table have in all?
    <table>
      <tr><td>Banana</td><td>Banana</td><td>Mango</td></tr>
      <tr><td>Guava</td><td>Mango</td><td>Orange</td></tr>
    </table>
31. 31.📱 min-width: 800px applies when the screen is ___. (a) 800px or narrower (b) turned off (c) 800px or wider (d) exactly 100px
32. 32.⚡ Which JavaScript word writes in the console? (a) let (b) for (c) alert() (d) console.log()
33. 33.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 170px;
      justify-content: flex-start;
    }
    Inside are 2 boxes, each 80px wide (no margins).
34. 34.Which of these is safe to do online? (a) download from pop-ups (b) check for https first (c) share your OTP (d) meet an online stranger
35. 35.🖼️ How many pixels wide is the picture drawn?
    <img src="map.png" alt="Map of India" width="100">
36. 36.Which of these is an empty tag? (a) <h1> (b) <b> (c) <br> (d) <ul>
37. 37.🔠 Which heading shows the BIGGEST text: <h1>, <h5>, <h4> or <h2>? (a) <h1> (b) <h4> (c) <h5> (d) <h2>
38. 38.⚖️ What colour is the text of this element?
    <p class="red" id="logo">Hi</p>
    CSS:
    #logo { color: red; }
    #logo { color: yellow; } (a) yellow (b) blue (c) green (d) red
39. 39.🚀 What is the home page file of a website usually called? (a) start.js (b) main.png (c) index.html (d) home.css
40. 40.📦 In the box model, which part is space inside the border? (a) padding (b) margin (c) border (d) content

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