Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 918 · 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 paragraphs does this code make?
   <p>Cricket is fun.</p>
   <p>My pets</p>
   <p>I love mangoes.</p>
2. 2.🧭 Is <footer> semantic or not semantic? (a) semantic (b) not semantic
3. 3.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Class 7 Blog</title>
   </head>
   <body>
     <h1>All about me</h1>
     <p>Thanks for visiting.</p>
   </body>
   </html> (a) Thanks for visiting. (b) All about me (c) Class 7 Blog (d) body
4. 4.🔢 In a basic web page file, which comes first: “</html>” or “<head>”? (a) <head> (b) </html>
5. 5.💪 Which justify-content value equal gaps, none at ends? (a) center (b) flex-start (c) space-between (d) flex-end
6. 6.🔗 Which address opens when you click this link?
   <a href="about.html">Art corner</a> (a) about.html (b) contact.html (c) https://example.com (d) Art corner
7. 7.True or false: <input type="password"> hides what you type. (a) True (b) False
8. 8.💬 How many paragraphs show on the page?
   <!-- <p>Our school trip</p> -->
   <p>Cricket is fun.</p>
   <!-- <p>I love mangoes.</p> -->
9. 9.🌈 Which colour is #00ff00? (a) yellow (b) red (c) bright green (d) black
10. 10.Which of these goes in the body? (a) <style> (b) <meta charset="utf-8"> (c) <link rel="stylesheet"> (d) <a>
11. 11.What is <input type="date"> for? (a) is for one line of words (b) lets you pick only one (c) picks a day (d) is for an email address
12. 12.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Birds sing</p>
13. 13.Which of these is safe to do online? (a) post your home address (b) meet an online stranger (c) share your OTP (d) ask before downloading
14. 14.🔠 Which heading shows the SMALLEST text: <h5>, <h6>, <h2> or <h4>? (a) <h4> (b) <h2> (c) <h5> (d) <h6>
15. 15.🚀 Which file should this code go in: h1 { font-size: 32px; } (a) style.css (b) script.js (c) index.html
16. 16.What does background-color do? (a) picks the font style (b) colours behind the text (c) sets the letter colour (d) makes the text bold
17. 17.🔢 When you open a web page, which comes first: “the browser asks it” or “the browser shows it”? (a) the browser shows it (b) the browser asks it
18. 18.🌍 What finds the server for a domain name like example.com? (a) CSS (b) alt (c) HTML (d) DNS
19. 19.Which of these is true of a web server? (a) stores a website’s files (b) shows line numbers (c) is where we type code (d) colours code to help us
20. 20.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 10px;
      }
    }
21. 21.📝 Which tag makes a big box for many lines of text? (a) <br> (b) <input> (c) <p> (d) <textarea>
22. 22.📊 How many rows does this table have?
    <table>
      <tr><td>Banana</td><td>Banana</td></tr>
      <tr><td>Jamun</td><td>Jamun</td></tr>
      <tr><td>Mango</td><td>Grapes</td></tr>
    </table>
23. 23.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <p>Good morning!</p>
    <h4>Fun facts</h4>
    <h2>Rain today</h2>
    <p>The red kite</p>
24. 24.🔍 Which is the odd one out? (a) adds space around boxes (b) changes the text size (c) puts a picture on a page (d) lays out the page
25. 25.🔒 Is the connection to this address scrambled (encrypted)?
    http://school.example.in/art/gallery.html (a) No (b) Yes
26. 26.🌈 Which colour is #ff00ff? (a) red (b) magenta (c) bright green (d) black
27. 27.Which colour pair is hard to read? (a) black on white (b) dark grey on white (c) yellow on black (d) yellow on white
28. 28.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <tr> (c) inside the <head> (d) inside a <p>
29. 29.🏷️ Is <title> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
30. 30.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 230px;
      padding: 20px;
      border: 3px solid black;
      margin: 5px;
    }
31. 31.🌗 Is white on black easy or hard to read? (a) hard to read (b) easy to read
32. 32.🎯 Which CSS selector matches this element?
    <div class="star" id="end">Hello</div> (a) #hero (b) span (c) .end (d) div
33. 33.📋 Which list tag is one item of a list? (a) <ul> (b) <ol> (c) <li>
34. 34.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 210px;
      justify-content: flex-end;
    }
    Inside are 3 boxes, each 50px wide (no margins).
35. 35.🌍 What is the protocol in this URL?
    http://kids.example.org/news/today.html (a) https (b) http (c) /news/today.html (d) kids.example.org
36. 36.Which of these is an empty tag? (a) <hr> (b) <p> (c) <li> (d) <h1>
37. 37.🌈 Which colour is rgb(255, 0, 255)? (a) black (b) bright green (c) yellow (d) magenta
38. 38.What is <input type="email"> for? (a) takes only numbers (b) is for an email address (c) lets you tick many (d) is for one line of words
39. 39.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
40. 40.True or false: padding is the line round the box. (a) True (b) False

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