Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 901 · 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: HTML on its own can pick a random number. (a) True (b) False
2. 2.🌈 Which colour is rgb(255, 255, 255)? (a) magenta (b) white (c) yellow (d) bright green
3. 3.True or false: HTML on its own cannot run a game loop. (a) True (b) False
4. 4.⚡ Which JavaScript word repeats code? (a) for (b) alert() (c) if (d) console.log()
5. 5.🔁 Which word runs code only when something is true? (a) let (b) log (c) for (d) if
6. 6.What does font-family do? (a) colours behind the text (b) sets the letter colour (c) centres a heading (d) picks the font style
7. 7.🌐 Which one colours code to help us? (a) a web browser (b) a code editor (c) a web server
8. 8.📊 How many heading cells (<th>) does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
     <tr><td>Banana</td><td>Jamun</td><td>Papaya</td></tr>
     <tr><td>Guava</td><td>Jamun</td><td>Banana</td></tr>
   </table>
9. 9.💬 Which text will NOT show on the page?
   <!-- <p>Rain today</p> -->
   <p>Hello, world!</p>
   <p>My best friend</p> (a) Hello, world! (b) Rain today (c) My best friend
10. 10.🔗 Which address opens when you click this link?
    <a href="maths.html">Maths fun</a> (a) news.html (b) Maths fun (c) maths.html (d) art.html
11. 11.💬 Which text will NOT show on the page?
    <p>Hello, world!</p>
    <!-- <p>Rain today</p> -->
    <p>Our school trip</p>
    <p>I love mangoes.</p> (a) Rain today (b) I love mangoes. (c) Hello, world! (d) Our school trip
12. 12.🔢 To build and share your first web page, which comes first: “plan what to show” or “test in a browser”? (a) test in a browser (b) plan what to show
13. 13.✍️ In color: blue; which part is the property? (a) ; (b) : (c) color (d) blue
14. 14.True or false: padding is a solid or dotted edge. (a) True (b) False
15. 15.⚡ What number does this code print?
    let a = 8;
    let b = 2;
    console.log(a - b);
16. 16.Which of these is safe to do online? (a) type a password on http (b) log out on shared PCs (c) share your password (d) download from pop-ups
17. 17.What does font-weight do? (a) makes letters bigger (b) colours behind the text (c) makes the text bold (d) centres a heading
18. 18.✍️ Which sign ends each CSS declaration? (a) : (b) . (c) , (d) ;
19. 19.📝 How many paragraphs does this code make?
    <p>My pets</p>
    <p>Our school trip</p>
    <p>Rain today</p>
    <p>Rain today</p>
    <p>The red kite</p>
20. 20.True or false: HTML on its own can make a form. (a) True (b) False
21. 21.♿ Does this help everyone, or make the page harder to use: tiny grey text? (a) helps everyone (b) makes it harder
22. 22.📋 What number does the browser show next to “Litchi”?
    <ol start="6">
      <li>Guava</li>
      <li>Mango</li>
      <li>Banana</li>
      <li>Jamun</li>
      <li>Litchi</li>
    </ol>
23. 23.True or false: “colour as the only clue” makes the page harder to use. (a) False (b) True
24. 24.🖌️ Which CSS property makes the text bold? (a) font-weight (b) font-size (c) text-align (d) background-color
25. 25.🔠 How many headings are in this code?
    <h1>My pets</h1>
    <p>My best friend</p>
    <p>Hello, world!</p>
    <p>The red kite</p>
    <h3>Our school trip</h3>
26. 26.Which of these has a closing tag? (a) <input> (b) <title> (c) <br> (d) <meta>
27. 27.🛡️ Is it safe to use the same password on every site? (a) No (b) Yes
28. 28.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) Mars is red. (b) index.html (c) Welcome! (d) Class 7 Blog
29. 29.Which of these goes in the body? (a) <p> (b) <style> (c) <title> (d) <meta charset="utf-8">
30. 30.✍️ How many declarations (property: value pairs) are in this rule?
    #top {
      background-color: yellow;
      color: red;
      padding: 8px;
    }
31. 31.True or false: <tr> makes one table row. (a) True (b) False
32. 32.🌍 What is the protocol in this URL?
    https://school.example.in/index.html (a) https (b) school.example.in (c) http (d) /index.html
33. 33.Which of these is a strong password? (a) Blue@Tiger_74 (b) password (c) 111111 (d) iloveyou
34. 34.🖼️ Which attribute of <img> names the picture file? (a) src (b) width (c) alt (d) height
35. 35.True or false: in <img>, height shows if the image fails. (a) True (b) False
36. 36.🎯 How many elements on a page should have the same id? (a) any number (b) 5 (c) 2 (d) 1
37. 37.⚡ Which JavaScript word writes in the console? (a) if (b) console.log() (c) for (d) alert()
38. 38.Which of these is true of a code editor? (a) stores a website’s files (b) hosts websites online (c) has an address bar (d) saves our .html files
39. 39.🔠 Which heading shows the SMALLEST text: <h5>, <h4>, <h3> or <h6>? (a) <h5> (b) <h4> (c) <h6> (d) <h3>
40. 40.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is a game (b) the site is fast (c) the data is scrambled (d) the site is free

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