Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 938 · 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 flexbox property spaces boxes along a row? (a) justify-content (b) display: flex (c) flex-direction (d) align-items
2. 2.📝 Does <img> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
3. 3.Which of these is a weak password? (a) riya2014 (b) Blue@Tiger_74 (c) Chai$Cup_19x (d) Rain#Drop_42!
4. 4.🖌️ Which CSS property colours behind the text? (a) color (b) font-weight (c) text-align (d) background-color
5. 5.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 1000 (c) 99 (d) 255
6. 6.🔍 One closing tag is missing. Which one?
   <h3>I love mangoes.
   <em>My best friend</em>
   <b>Cricket is fun.</b> (a) </h3> (b) </small> (c) </em> (d) </b>
7. 7.What does justify-content: center do? (a) equal gaps, none at ends (b) packs boxes at the start (c) packs boxes at the end (d) puts boxes in the middle
8. 8.📝 How many paragraphs does this code make?
   <p>Fun facts</p>
   <h2>Rain today</h2>
   <h2>I love mangoes.</h2>
9. 9.🏷️ Which is the closing tag for <h3>? (a) <\h3> (b) <h3/> (c) <h3> (d) </h3>
10. 10.Which of these goes in the head? (a) <h1> (b) <style> (c) <table> (d) <p>
11. 11.True or false: .star is an element selector. (a) False (b) True
12. 12.🖌️ What colour are the letters?
    h1 {
      font-size: 24px;
      text-align: right;
      color: white;
      background-color: purple;
    } (a) blue (b) white (c) purple
13. 13.🔁 What does i++ do? (a) adds 1 to i (b) takes 1 from i (c) prints i (d) doubles i
14. 14.📋 Which list tag shows bullet points? (a) <li> (b) <ol> (c) <ul>
15. 15.🎨 What does CSS stand for? (a) Colourful Site Styles (b) Cascading Style Sheets (c) Computer Style Sheets (d) Creative Sheet System
16. 16.📱 Which tag helps phones show a page at the right size? (a) the hr tag (b) the viewport meta tag (c) the br tag (d) the title tag
17. 17.🔁 How many times does this code print “Well done”?
    for (let i = 2; i < 5; i++) {
      console.log("Well done");
    }
18. 18.🔍 One closing tag is missing. Which one?
    <small>My pets</small>
    <h3>The red kite</h3>
    <p>I love mangoes. (a) </p> (b) </small> (c) </em> (d) </h3>
19. 19.🖌️ Which CSS property centres a heading? (a) font-weight (b) background-color (c) font-family (d) text-align
20. 20.What does background-color do? (a) makes letters bigger (b) picks the font style (c) makes the text bold (d) colours behind the text
21. 21.✍️ How many declarations (property: value pairs) are in this rule?
    h1 {
      font-weight: bold;
    }
22. 22.⚡ What number does this code print?
    let a = 13;
    let b = 13;
    console.log(a + b);
23. 23.📋 How many items does this list show?
    <ul>
      <li>Mango</li>
      <li>Jamun</li>
    </ul>
24. 24.💬 Which text will NOT show on the page?
    <!-- <p>Rain today</p> -->
    <p>My best friend</p>
    <p>My pets</p>
    <p>Hello, world!</p> (a) Hello, world! (b) Rain today (c) My pets (d) My best friend
25. 25.📝 How many <input> tags are in this form?
    <form>
      <input type="password">
      <input type="email">
      <input type="checkbox">
      <input type="date">
      <input type="submit" value="Send">
    </form>
26. 26.True or false: the browser asks for a web page. (a) False (b) True
27. 27.📱 The screen is 1100px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (min-width: 1024px) {
      p {
        font-size: 22px;
      }
    }
28. 28.💬 Which text will NOT show on the page?
    <!-- <p>I love mangoes.</p> -->
    <p>The red kite</p>
    <p>My pets</p> (a) My pets (b) I love mangoes. (c) The red kite
29. 29.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 10; i++) {
      total = total + 5;
    }
    console.log(total);
30. 30.True or false: to use a strong password is not safe. (a) False (b) True
31. 31.⚡ Which JavaScript word writes in the console? (a) alert() (b) console.log() (c) for (d) if
32. 32.🎯 What kind of selector is .big? (a) an element selector (b) an id selector (c) a class selector
33. 33.True or false: in <img>, height sets how tall it is. (a) False (b) True
34. 34.🧩 Which language makes headings and lists? (a) JavaScript (b) HTML (c) CSS
35. 35.🔠 How many <h1> headings should a page usually have? (a) 3 (b) 6 (c) 10 (d) 1
36. 36.🔢 To build and share your first web page, which comes first: “plan what to show” or “write the HTML”? (a) write the HTML (b) plan what to show
37. 37.📋 Which list shows the steps of a recipe best? (a) <hr> (b) <ol> (c) <ul> (d) <br>
38. 38.True or false: <td> makes one data cell. (a) True (b) False
39. 39.🛡️ Is it safe to use the same password on every site? (a) No (b) Yes
40. 40.Which of these is true of a web browser? (a) is where we type code (b) hosts websites online (c) has an address bar (d) answers page requests

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