Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 702 · 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: to use a strong password is not safe. (a) True (b) False
2. 2.✍️ Which property is set to center in this rule?
   p {
     text-align: center;
     font-style: italic;
   } (a) text-align (b) margin (c) background-color (d) center
3. 3.Which of these goes in the body? (a) <a> (b) <title> (c) <meta charset="utf-8"> (d) <style>
4. 4.📊 Which tag makes one table row? (a) <th> (b) <td> (c) <caption> (d) <tr>
5. 5.Which of these is not safe to do online? (a) check for https first (b) ask before downloading (c) share your OTP (d) keep passwords secret
6. 6.🚀 Which tag loads script.js into a page? (a) <a href="script.js"> (b) <js src="script.js"> (c) <link script.js> (d) <script src="script.js">
7. 7.🌗 Is black on white easy or hard to read? (a) easy to read (b) hard to read
8. 8.✍️ How does a CSS comment start? (a) # (b) <!-- (c) /* (d) //
9. 9.True or false: <ul> is an unordered list. (a) True (b) False
10. 10.True or false: the browser shows the page to you. (a) False (b) True
11. 11.True or false: HTTPS stores the site’s files. (a) True (b) False
12. 12.True or false: in <img>, width names the picture file. (a) True (b) False
13. 13.🧩 Which language changes the text size? (a) JavaScript (b) CSS (c) HTML
14. 14.🔁 Which loop repeats code a set number of times? (a) else (b) for (c) let (d) if
15. 15.📝 Which input type takes only numbers? (a) number (b) checkbox (c) date (d) password
16. 16.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <p>Cricket is fun.</p>
    <p>The red kite</p>
    <h4>Good morning!</h4>
17. 17.📝 Which input type picks a day? (a) radio (b) date (c) checkbox (d) number
18. 18.🚀 Which file should this code go in: let score = 0; (a) style.css (b) script.js (c) index.html
19. 19.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>I like to read.</p>
    </body>
    </html> (a) Art Gallery (b) Welcome! (c) body (d) I like to read.
20. 20.🔁 How many times does this code print “Hi”?
    for (let i = 0; i <= 8; i++) {
      console.log("Hi");
    }
21. 21.Which of these is true of <aside>? (a) holds extra side notes (b) is the page’s key part (c) holds the menu of links (d) sits at the very top
22. 22.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>Cricket is fun.</p>
    <h2>I love mangoes.</h2>
    <h4>Rain today</h4>
23. 23.🚀 Which file should this code go in: .box { padding: 8px; } (a) script.js (b) index.html (c) style.css
24. 24.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h1> (b) <h5> (c) <h4> (d) <h3>
25. 25.🔍 Which line is missing its closing tag?
    line 1: <h2>My best friend</h2>
    line 2: <h1>Good morning!
    line 3: <em>Rain today</em> (a) line 1 (b) line 3 (c) line 2
26. 26.🌈 Which colour is #ffffff? (a) white (b) blue (c) magenta (d) bright green
27. 27.🔠 How many headings are in this code?
    <h1>Good morning!</h1>
    <h2>Rain today</h2>
    <h4>My pets</h4>
    <p>Cricket is fun.</p>
    <p>Our school trip</p>
28. 28.🖌️ What colour is behind the letters?
    h1 {
      background-color: white;
      font-size: 20px;
      text-align: right;
      color: orange;
    } (a) orange (b) black (c) white
29. 29.True or false: padding is space inside the border. (a) False (b) True
30. 30.True or false: a web server turns HTML into a page. (a) True (b) False
31. 31.Which of these is true of <footer>? (a) holds the logo and title (b) holds a news story (c) holds copyright notes (d) sits at the very top
32. 32.Which of these is a closing tag? (a) </h1> (b) <body> (c) <li> (d) <p>
33. 33.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) index.html (b) Class 7 Blog (c) Try this poha. (d) Easy snacks
34. 34.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Kites fly high<br>Roses are red</p>
35. 35.🌈 In #00003c the blue part is the hex number 3c. What is it as a normal number?
36. 36.What is <input type="checkbox"> for? (a) lets you tick many (b) picks a day (c) is for one line of words (d) lets you pick only one
37. 37.📝 Does <b> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
38. 38.🧩 Which language gives the page structure? (a) CSS (b) JavaScript (c) HTML
39. 39.🖼️ Does <img> need a closing tag? (a) Yes (b) No
40. 40.🔠 Which heading shows the BIGGEST text: <h6>, <h5>, <h1> or <h2>? (a) <h5> (b) <h6> (c) <h2> (d) <h1>

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