Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 403 · 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 does the lock (HTTPS) in the address bar mean? (a) the site is a game (b) the data is scrambled (c) the site is free (d) the site is fast
2. 2.⚖️ What colour is the text of this element?
   <h2 class="note" id="intro">Hi</h2>
   CSS:
   .note { color: white; }
   .note { color: orange; } (a) white (b) orange (c) black (d) green
3. 3.📝 On how many lines does the browser show this paragraph?
   <p>Rivers flow<br>Sky is blue<br>Roses are red<br>Kites fly high</p>
4. 4.True or false: <footer> holds the main content. (a) True (b) False
5. 5.🔠 Which tag is the least important heading? (a) <p> (b) <h6> (c) <h1> (d) <h3>
6. 6.🔁 What does this code print?
   let temp = 39;
   if (temp >= 6) {
     console.log("Hot");
   } else {
     console.log("Cool");
   } (a) Cool (b) Hot
7. 7.♿ Which link text is clearest? (a) here (b) link (c) Read the fruit facts (d) click here
8. 8.📝 Which input type hides what you type? (a) number (b) password (c) submit (d) radio
9. 9.True or false: <li> is an empty tag. (a) True (b) False
10. 10.True or false: <p>Hello!</p> goes in index.html. (a) True (b) False
11. 11.What does font-size do? (a) makes the text bold (b) picks the font style (c) makes letters bigger (d) centres a heading
12. 12.🎯 What kind of selector is img? (a) an element selector (b) an id selector (c) a class selector
13. 13.Which of these is padding? (a) a solid or dotted edge (b) space inside the border (c) the gap to other boxes (d) the line round the box
14. 14.True or false: <tr> makes one table row. (a) True (b) False
15. 15.True or false: the URL shows the page to you. (a) True (b) False
16. 16.🏷️ Is </title> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
17. 17.Which of these is a closing tag? (a) <p> (b) </p> (c) <b> (d) <li>
18. 18.🌈 Which colour of light is strongest in rgb(153, 63, 0)? (a) blue (b) red (c) green
19. 19.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <p>Cricket is fun.</p>
    <p>Hello, world!</p>
20. 20.🔁 Which loop repeats code a set number of times? (a) if (b) for (c) else (d) let
21. 21.Which of these does JavaScript do? (a) rounds box corners (b) makes headings and lists (c) changes the page live (d) sets colours and fonts
22. 22.📊 Where do <td> cells go? (a) inside the <head> (b) inside a <tr> (c) inside a <p> (d) inside a <li>
23. 23.🔠 Which heading shows the BIGGEST text: <h2>, <h1>, <h6> or <h3>? (a) <h2> (b) <h1> (c) <h3> (d) <h6>
24. 24.📝 Which tag gives a form box a name you can click? (a) <title> (b) <label> (c) <h1> (d) <hr>
25. 25.🔠 How many heading levels does HTML have? (a) 6 (b) 4 (c) 10 (d) 3
26. 26.📋 Which tag goes around each item of a list? (a) <ol> (b) <p> (c) <li> (d) <ul>
27. 27.⚖️ What colour is the text of this element?
    <h1 class="star" id="logo">Hi</h1>
    CSS:
    .star { color: red; }
    .star { color: white; } (a) white (b) red (c) blue (d) purple
28. 28.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="100"> (a) A red kite (b) map.png (c) kite.png (d) cake.jpg
29. 29.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 50px;
      padding: 30px;
      border: 3px solid black;
      margin: 5px;
    }
30. 30.True or false: in <img>, src tells which image to load. (a) True (b) False
31. 31.💬 How does an HTML comment start? (a) // (b) # (c) /* (d) <!--
32. 32.📋 Does this list show bullets or numbers?
    <ol>
      <li>Mango</li>
      <li>Grapes</li>
    </ol> (a) numbers (b) bullets
33. 33.🏷️ Which is the closing tag for <strong>? (a) <strong> (b) <\strong> (c) </strong> (d) <strong/>
34. 34.True or false: margin is space outside the border. (a) True (b) False
35. 35.Which of these is an empty tag? (a) <title> (b) <img> (c) <p> (d) <h1>
36. 36.Which of these does CSS do? (a) makes a form box (b) makes a link (c) makes headings and lists (d) changes the text size
37. 37.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Grapes</td><td>Mango</td><td>Orange</td><td>Mango</td></tr>
    </table>
38. 38.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the later one (b) the first one (c) neither (d) the shorter one
39. 39.🔗 Which words do you click on?
    <a href="news.html">Play games</a> (a) news.html (b) About us (c) href (d) Play games
40. 40.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) Easy snacks (b) index.html (c) Here is my best one. (d) Riya’s Recipes

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