Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 900 · 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.True or false: <ul> lists steps in order. (a) True (b) False
2. 2.🔁 Which word runs code only when something is true? (a) if (b) for (c) let (d) log
3. 3.🔢 When you open a web page, which comes first: “you type the URL” or “the server sends files”? (a) you type the URL (b) the server sends files
4. 4.🖌️ How big is the text, in px?
   p {
     font-size: 28px;
     color: green;
     text-align: right;
     background-color: blue;
   }
5. 5.Which of these is a weak password? (a) Kite_Fl1es@Dawn (b) Rain#Drop_42! (c) Chai$Cup_19x (d) iloveyou
6. 6.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="checkbox" name="sport"> Kabaddi
     <input type="checkbox" name="sport"> Hockey
     <input type="checkbox" name="sport"> Chess
     <input type="checkbox" name="sport"> Cricket
     <input type="checkbox" name="sport"> Football
   </form>
7. 7.Which of these is a strong password? (a) iloveyou (b) abcd1234 (c) qwerty (d) Kite_Fl1es@Dawn
8. 8.📄 Where does the text of <title> appear? (a) in a big heading (b) nowhere (c) at the bottom (d) on the browser tab
9. 9.📋 Which list tag lists steps in order? (a) <ol> (b) <li> (c) <ul>
10. 10.🖌️ What colour is behind the letters?
    p {
      font-size: 20px;
      background-color: purple;
      text-align: center;
      color: green;
    } (a) yellow (b) purple (c) green
11. 11.📊 Which tag makes one data cell? (a) <td> (b) <caption> (c) <th> (d) <table>
12. 12.🖌️ Which CSS property sets the letter colour? (a) font-family (b) text-align (c) font-size (d) color
13. 13.✍️ How many declarations (property: value pairs) are in this rule?
    #top {
      width: 300px;
    }
14. 14.🔁 How many times does this code print “Hello”?
    for (let i = 2; i < 4; i++) {
      console.log("Hello");
    }
15. 15.🖌️ How big is the text, in px?
    li {
      background-color: white;
      font-size: 20px;
      text-align: right;
      color: green;
    }
16. 16.📝 How many paragraphs does this code make?
    <p>Cricket is fun.</p>
    <h2>I love mangoes.</h2>
    <h2>My best friend</h2>
17. 17.🛡️ Online: is it safe to click prize links? (a) safe (b) not safe
18. 18.Which of these is the content? (a) a solid or dotted edge (b) the text or picture (c) space inside the border (d) the gap round content
19. 19.📱 Which tag helps phones show a page at the right size? (a) the hr tag (b) the title tag (c) the br tag (d) the viewport meta tag
20. 20.Which of these is true of <article>? (a) holds the main content (b) is the page’s key part (c) holds a news story (d) sits at the bottom
21. 21.What is <input type="checkbox"> for? (a) takes only numbers (b) picks a day (c) is for one line of words (d) lets you tick many
22. 22.🔗 Which address opens when you click this link?
    <a href="art.html">About us</a> (a) news.html (b) quiz.html (c) About us (d) art.html
23. 23.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 190px;
      padding: 20px;
      border: 1px solid black;
      margin: 10px;
    }
24. 24.🧭 Which semantic tag holds the logo and title? (a) <article> (b) <nav> (c) <header> (d) <footer>
25. 25.🔁 What does this code print?
    let marks = 50;
    if (marks < 7) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Pass (b) Try again
26. 26.📊 How many cells does this table have in all?
    <table>
      <tr><td>Grapes</td><td>Grapes</td><td>Papaya</td></tr>
      <tr><td>Orange</td><td>Litchi</td><td>Guava</td></tr>
      <tr><td>Jamun</td><td>Banana</td><td>Mango</td></tr>
    </table>
27. 27.True or false: <ul> goes in the body. (a) True (b) False
28. 28.🖼️ Does <img> need a closing tag? (a) No (b) Yes
29. 29.✍️ Which property is set to italic in this rule?
    .note {
      width: 300px;
      font-style: italic;
    } (a) color (b) italic (c) font-style (d) font-size
30. 30.♿ A part of the page is under a <h4> heading. Which tag should its sub-heading use? (a) <h5> (b) <h6> (c) <h3> (d) <h2>
31. 31.🔍 Which is the odd one out? (a) changes the page live (b) checks a quiz answer (c) counts down a timer (d) makes headings and lists
32. 32.Which of these does CSS do? (a) makes a link (b) makes a form box (c) lays out the page (d) reacts to a button click
33. 33.🔠 Which heading shows the SMALLEST text: <h5>, <h6>, <h1> or <h4>? (a) <h5> (b) <h1> (c) <h4> (d) <h6>
34. 34.🔠 Which tag is the least important heading? (a) <h1> (b) <p> (c) <h6> (d) <h3>
35. 35.True or false: <input type="submit"> lets you pick only one. (a) False (b) True
36. 36.📊 How many cells are in each row?
    <table>
      <tr><td>Banana</td><td>Guava</td><td>Banana</td><td>Guava</td></tr>
      <tr><td>Orange</td><td>Guava</td><td>Grapes</td><td>Papaya</td></tr>
      <tr><td>Papaya</td><td>Orange</td><td>Mango</td><td>Orange</td></tr>
    </table>
37. 37.True or false: to tell a trusted adult is not safe. (a) True (b) False
38. 38.⚡ What does this code show?
    let name = "Kabir";
    alert("Welcome, " + name + "!"); (a) Welcome, name! (b) Kabir (c) Welcome, Kabir! (d) name
39. 39.🔒 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
40. 40.📄 Which part holds everything you see on the page? (a) the head (b) the title (c) the doctype (d) the body

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