Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 399 · 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 times does this code print “Well done”?
   for (let i = 2; i <= 11; i++) {
     console.log("Well done");
   }
2. 2.🚀 Which file is best for code that reacts to clicks? (a) style.css (b) notes.txt (c) script.js (d) index.html
3. 3.📊 Which tag makes one data cell? (a) <th> (b) <tr> (c) <table> (d) <td>
4. 4.💬 How many paragraphs show on the page?
   <p>Fun facts</p>
   <!-- <p>My pets</p> -->
   <p>I love mangoes.</p>
   <!-- <p>Rain today</p> -->
   <!-- <p>Our school trip</p> -->
5. 5.🧭 Is <main> semantic or not semantic? (a) semantic (b) not semantic
6. 6.📄 Which part holds everything you see on the page? (a) the head (b) the body (c) the title (d) the doctype
7. 7.🧭 Who is helped most by semantic tags? (a) nobody (b) screen-reader users (c) only the printer (d) only the server
8. 8.🧭 Which semantic tag holds copyright notes? (a) <header> (b) <main> (c) <nav> (d) <footer>
9. 9.📋 Which list suits a shopping list in any order? (a) <ol> (b) <hr> (c) <br> (d) <ul>
10. 10.🔠 Which heading shows the SMALLEST text: <h4>, <h5>, <h6> or <h2>? (a) <h5> (b) <h6> (c) <h2> (d) <h4>
11. 11.⚡ What number does this code print?
    let a = 5;
    let b = 11;
    console.log(a * b);
12. 12.🔒 Is the connection to this address scrambled (encrypted)?
    https://school.example.in/news/today.html (a) Yes (b) No
13. 13.📄 Can HTML on its own show paragraphs? (a) No (b) Yes
14. 14.Which of these has a closing tag? (a) <b> (b) <img> (c) <meta> (d) <input>
15. 15.🔗 Which words do you click on?
    <a href="https://example.com">Visit the site</a> (a) https://example.com (b) href (c) Maths fun (d) Visit the site
16. 16.What is <input type="radio"> for? (a) lets you tick many (b) sends the form (c) takes only numbers (d) lets you pick only one
17. 17.Which of these is the border? (a) the text or picture (b) space inside the border (c) the gap to other boxes (d) a solid or dotted edge
18. 18.True or false: a code editor shows pages from the web. (a) True (b) False
19. 19.🛡️ Online: is it safe to use a nickname in games? (a) safe (b) not safe
20. 20.📋 Which list tag lists things in any order? (a) <li> (b) <ul> (c) <ol>
21. 21.📊 Which tag holds the whole table? (a) <tr> (b) <td> (c) <caption> (d) <table>
22. 22.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 26px;
      }
    } (a) Yes (b) No
23. 23.🔢 To build and share your first web page, which comes FIRST? (a) write the HTML (b) publish it online (c) add CSS styles (d) plan what to show
24. 24.🌈 Which hex code is yellow? (a) #ffff00 (b) #00ff00 (c) #ffffff (d) #ff0000
25. 25.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 8px;
      }
    }
26. 26.Which of these is safe to do online? (a) share your OTP (b) tell a trusted adult (c) share your password (d) click prize links
27. 27.💬 How does an HTML comment start? (a) // (b) /* (c) # (d) <!--
28. 28.🔗 Which tag makes a clickable link? (a) <img> (b) <link> (c) <a> (d) <p>
29. 29.True or false: HTML sets colours and fonts. (a) True (b) False
30. 30.🔗 What does target="_blank" do to a link? (a) makes it bold (b) hides the link (c) opens it in a new tab (d) makes it blank
31. 31.Which of these is a strong password? (a) 111111 (b) 123456 (c) iloveyou (d) Kite_Fl1es@Dawn
32. 32.🖌️ Which CSS property makes letters bigger? (a) text-align (b) font-weight (c) font-size (d) color
33. 33.🔠 How many heading levels does HTML have? (a) 4 (b) 3 (c) 10 (d) 6
34. 34.⚡ Where does console.log() show its output? (a) on the title bar (b) in the address bar (c) on the printer (d) in the console
35. 35.🔠 Which tag is used for the main title on a page? (a) <br> (b) <h1> (c) <h6> (d) <p>
36. 36.⚡ What does this code show?
    let name = "Zoya";
    console.log("Welcome, " + name + "!"); (a) Zoya (b) name (c) Welcome, name! (d) Welcome, Zoya!
37. 37.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="password">
      <input type="text">
      <input type="number">
      <input type="email">
      <input type="submit" value="Send">
    </form>
38. 38.🔤 In “HTML”, what does the M stand for? (a) Machine (b) Modern (c) Mouse (d) Markup
39. 39.🌗 Is light grey on white easy or hard to read? (a) easy to read (b) hard to read
40. 40.🔗 Which words do you click on?
    <a href="https://example.com">Take the quiz</a> (a) https://example.com (b) Play games (c) href (d) Take the quiz

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