Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 209 · 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.🔤 In “HTML”, what does the M stand for? (a) Markup (b) Modern (c) Mouse (d) Machine
2. 2.📋 How many items does this list show?
   <ol>
     <li>Mango</li>
     <li>Banana</li>
     <li>Jamun</li>
     <li>Orange</li>
     <li>Papaya</li>
     <li>Litchi</li>
   </ol>
3. 3.📝 How many paragraphs does this code make?
   <p>Good morning!</p>
   <p>Our school trip</p>
   <h2>Hello, world!</h2>
   <p>Good morning!</p>
   <h2>Cricket is fun.</h2>
4. 4.📦 In the box model, which part is space outside the border? (a) margin (b) border (c) padding (d) content
5. 5.🔗 What does target="_blank" do to a link? (a) hides the link (b) makes it blank (c) makes it bold (d) opens it in a new tab
6. 6.🏷️ Is </h1> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
7. 7.Which of these is an opening tag? (a) </b> (b) </h1> (c) <li> (d) </body>
8. 8.🌐 Which one saves our .html files? (a) a web browser (b) a code editor (c) a web server
9. 9.True or false: <ol> shows 1, 2, 3 numbers. (a) True (b) False
10. 10.🖼️ How many pixels wide is the picture drawn?
    <img src="fort.jpg" alt="An old fort" width="100">
11. 11.Which of these is a strong password? (a) password (b) 111111 (c) 123456 (d) Mango#Kite29!
12. 12.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) type the password (b) close it, tell an adult (c) click it twice (d) share it with friends
13. 13.🌗 Is pink on red easy or hard to read? (a) hard to read (b) easy to read
14. 14.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) plan what to show (b) add CSS styles (c) write the HTML (d) publish it online
15. 15.📋 How many items does this list show?
    <ol>
      <li>Banana</li>
      <li>Papaya</li>
    </ol>
16. 16.🧩 An opening tag + content + a closing tag together make an ___. (a) element (b) attribute (c) editor (d) address
17. 17.🖌️ Which CSS property centres a heading? (a) text-align (b) background-color (c) font-size (d) font-family
18. 18.🔁 What does this code print?
    let temp = 44;
    if (temp < 5) {
      console.log("Hot");
    } else {
      console.log("Cool");
    } (a) Cool (b) Hot
19. 19.🔗 Which code links to about.html? (a) <a href="about.html"> (b) <a alt="about.html"> (c) <link about.html> (d) <a src="about.html">
20. 20.📋 Does this list show bullets or numbers?
    <ol>
      <li>Grapes</li>
      <li>Orange</li>
    </ol> (a) bullets (b) numbers
21. 21.Which of these is an opening tag? (a) </li> (b) <b> (c) </h1> (d) </b>
22. 22.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 6; i++) {
      total = total + i;
    }
    console.log(total);
23. 23.📊 How many rows does this table have?
    <table>
      <tr><td>Orange</td><td>Grapes</td><td>Grapes</td><td>Guava</td></tr>
      <tr><td>Banana</td><td>Grapes</td><td>Guava</td><td>Orange</td></tr>
    </table>
24. 24.True or false: HTML makes headings and lists. (a) True (b) False
25. 25.🎯 Which element does the selector li style? (a) <div> (b) <span class="red"> (c) <p id="end"> (d) <li class="red">
26. 26.📝 Does <img> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
27. 27.📄 Where does <table> go: in the head or in the body? (a) in the body (b) in the head
28. 28.Which of these does JavaScript do? (a) lays out the page (b) changes the text size (c) changes the page live (d) adds space around boxes
29. 29.🖌️ Where does the text sit on its line?
    p {
      background-color: white;
      text-align: center;
      font-size: 32px;
      color: blue;
    } (a) on the left (b) on the right (c) in the middle
30. 30.True or false: in <img>, width sets how wide it is. (a) False (b) True
31. 31.📋 How many items does this list show?
    <ol>
      <li>Orange</li>
      <li>Banana</li>
      <li>Jamun</li>
    </ol>
32. 32.Which colour pair is hard to read? (a) black on white (b) yellow on black (c) white on black (d) red on green
33. 33.🖼️ Does <img> need a closing tag? (a) No (b) Yes
34. 34.💪 Which flexbox property turns on flexbox? (a) justify-content (b) flex-direction (c) display: flex (d) align-items
35. 35.🔢 When you open a web page, what comes right after “the server sends files”? (a) DNS finds the server (b) the browser asks it (c) you type the URL (d) the browser shows it
36. 36.🔒 Is the connection to this address scrambled (encrypted)?
    https://learn.example.com/games/chess.html (a) Yes (b) No
37. 37.🧭 How many <main> parts should a page have? (a) ten (b) three (c) none (d) one
38. 38.True or false: <a href="a.html">Go</a> goes in index.html. (a) False (b) True
39. 39.🛡️ Online: is it safe to use a nickname in games? (a) safe (b) not safe
40. 40.📄 Can HTML on its own add up two numbers? (a) Yes (b) No

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