Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 98 · 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 browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Space Facts</title>
   </head>
   <body>
     <h1>All about me</h1>
     <p>Here is my best one.</p>
   </body>
   </html> (a) Here is my best one. (b) Space Facts (c) index.html (d) All about me
2. 2.True or false: to meet an online stranger is not safe. (a) False (b) True
3. 3.📋 How many items does this list show?
   <ol>
     <li>Litchi</li>
     <li>Orange</li>
   </ol>
4. 4.Which of these is true of <main>? (a) sits at the very top (b) holds the main content (c) helps you move around (d) holds extra side notes
5. 5.📄 Can HTML on its own count button clicks? (a) Yes (b) No
6. 6.🔗 What does target="_blank" do to a link? (a) opens it in a new tab (b) makes it bold (c) hides the link (d) makes it blank
7. 7.Which of these is the border? (a) space inside the border (b) the gap to other boxes (c) the line round the box (d) the gap round content
8. 8.💬 How many paragraphs show on the page?
   <p>Cricket is fun.</p>
   <p>My best friend</p>
   <!-- <p>Fun facts</p> -->
9. 9.🖌️ Which CSS property colours behind the text? (a) text-align (b) background-color (c) font-family (d) font-size
10. 10.🌐 Which one is where we type code? (a) a code editor (b) a web browser (c) a web server
11. 11.✍️ In color: blue; which part is the value? (a) : (b) color (c) ; (d) blue
12. 12.📋 Which list suits a shopping list in any order? (a) <hr> (b) <br> (c) <ol> (d) <ul>
13. 13.Which of these is safe to do online? (a) meet an online stranger (b) tell a trusted adult (c) share your password (d) put secrets in comments
14. 14.📊 Which tag makes one table row? (a) <caption> (b) <table> (c) <tr> (d) <td>
15. 15.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="fruit"> Litchi
      <input type="checkbox" name="fruit"> Guava
      <input type="checkbox" name="fruit"> Papaya
      <input type="checkbox" name="fruit"> Mango
    </form>
16. 16.✍️ How does a CSS comment start? (a) # (b) <!-- (c) /* (d) //
17. 17.🔢 When you open a web page, which comes LAST? (a) DNS finds the server (b) the server sends files (c) the browser shows it (d) you type the URL
18. 18.🚀 Which file should this code go in: <p>Hello!</p> (a) style.css (b) script.js (c) index.html
19. 19.🖼️ Which picture file does the browser load?
    <img src="bus.jpg" alt="Our school bus" width="400"> (a) fort.jpg (b) tiger.jpg (c) Our school bus (d) bus.jpg
20. 20.True or false: <ol> is one item of a list. (a) False (b) True
21. 21.🔠 How many heading levels does HTML have? (a) 3 (b) 4 (c) 10 (d) 6
22. 22.⚡ What does this code show?
    let name = "Meera";
    alert("Welcome, " + name + "!"); (a) Welcome, name! (b) Welcome, Meera! (c) Meera (d) name
23. 23.💬 Why do coders write comments? (a) to make links (b) to add colour (c) to show pictures (d) to leave notes
24. 24.📊 Which tag holds the whole table? (a) <tr> (b) <table> (c) <td> (d) <th>
25. 25.✍️ What is the selector in this CSS rule?
    #top {
      width: 300px;
      padding: 8px;
    } (a) 8px (b) width (c) li (d) #top
26. 26.True or false: to share your OTP is safe. (a) True (b) False
27. 27.🖌️ What colour is behind the letters?
    h2 {
      text-align: left;
      font-size: 28px;
      background-color: red;
      color: green;
    } (a) green (b) blue (c) red
28. 28.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) type the password (b) share it with friends (c) close it, tell an adult (d) click it twice
29. 29.✍️ Which property is set to italic in this rule?
    h2 {
      color: red;
      font-size: 20px;
      font-style: italic;
    } (a) color (b) italic (c) font-size (d) font-style
30. 30.True or false: <ul> has a closing tag. (a) True (b) False
31. 31.🔤 In “HTML”, what does the M stand for? (a) Mouse (b) Markup (c) Modern (d) Machine
32. 32.⚡ What does this code print? (Look at the quotes!)
    let x = "1";
    let y = 8;
    console.log(x + y); (a) 18 (b) 9 (c) Error
33. 33.🔠 Which heading shows the SMALLEST text: <h5>, <h4>, <h3> or <h1>? (a) <h4> (b) <h5> (c) <h3> (d) <h1>
34. 34.True or false: <input type="email"> is for an email address. (a) True (b) False
35. 35.True or false: alert("Hi"); goes in style.css. (a) True (b) False
36. 36.🧭 Is <main> semantic or not semantic? (a) not semantic (b) semantic
37. 37.⚡ Where does console.log() show its output? (a) in the address bar (b) on the printer (c) in the console (d) on the title bar
38. 38.What does justify-content: center do? (a) equal gaps, none at ends (b) puts boxes in the middle (c) packs boxes at the start (d) packs boxes at the end
39. 39.⚡ What does this code print? (Look at the quotes!)
    let x = "5";
    let y = 8;
    console.log(x + y); (a) Error (b) 58 (c) 13
40. 40.Which of these is true of a web server? (a) colours code to help us (b) shows line numbers (c) shows pages from the web (d) stores a website’s files

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