Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 180 · 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.🌍 Which one scrambles data on its way? (a) HTTPS (b) the server (c) the browser (d) the URL
2. 2.📊 How many rows does this table have?
   <table>
     <tr><td>Orange</td><td>Guava</td><td>Mango</td></tr>
     <tr><td>Guava</td><td>Papaya</td><td>Grapes</td></tr>
     <tr><td>Orange</td><td>Papaya</td><td>Orange</td></tr>
   </table>
3. 3.📋 How many items does this list show?
   <ul>
     <li>Mango</li>
     <li>Banana</li>
   </ul>
4. 4.🔠 How many headings are in this code?
   <h1>Our school trip</h1>
   <p>Good morning!</p>
   <h2>Our school trip</h2>
5. 5.🌍 Which one stores the site’s files? (a) HTTPS (b) the server (c) the browser (d) the URL
6. 6.Which colour pair is hard to read? (a) white on black (b) white on dark blue (c) light grey on white (d) dark grey on white
7. 7.🌐 Which one colours code to help us? (a) a code editor (b) a web browser (c) a web server
8. 8.🔗 Which attribute holds the address of a link? (a) href (b) id (c) src (d) alt
9. 9.🚀 Should file names have spaces, like my page.html? (a) Yes (b) No
10. 10.🎯 Which sign starts a class selector? (a) # (b) & (c) . (d) @
11. 11.🌐 Which one hosts websites online? (a) a code editor (b) a web browser (c) a web server
12. 12.📊 How many rows does this table have?
    <table>
      <tr><td>Banana</td><td>Banana</td><td>Guava</td><td>Guava</td></tr>
      <tr><td>Jamun</td><td>Litchi</td><td>Jamun</td><td>Litchi</td></tr>
    </table>
13. 13.📝 Which input type picks a day? (a) number (b) email (c) date (d) password
14. 14.🌈 Which colour is #ff00ff? (a) bright green (b) yellow (c) black (d) magenta
15. 15.📊 Where do <td> cells go? (a) inside the <head> (b) inside a <p> (c) inside a <li> (d) inside a <tr>
16. 16.True or false: <td> gives the table a title. (a) False (b) True
17. 17.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Stars shine</p>
18. 18.🚀 Which file should this code go in: <p>Hello!</p> (a) style.css (b) script.js (c) index.html
19. 19.💬 Which text will NOT show on the page?
    <p>Good morning!</p>
    <p>Rain today</p>
    <!-- <p>Hello, world!</p> --> (a) Good morning! (b) Rain today (c) Hello, world!
20. 20.🔍 One closing tag is missing. Which one?
    <p>Hello, world!
    <h2>Fun facts</h2>
    <small>I love mangoes.</small> (a) </h2> (b) </strong> (c) </p> (d) </small>
21. 21.✍️ Which sign ends each CSS declaration? (a) , (b) ; (c) . (d) :
22. 22.True or false: <p> has a closing tag. (a) False (b) True
23. 23.📊 Which tag gives the table a title? (a) <table> (b) <caption> (c) <td> (d) <th>
24. 24.🎯 Which CSS selector matches this element?
    <h2 class="big" id="main">Hello</h2> (a) .main (b) .big (c) #logo (d) .red
25. 25.✍️ CSS declarations go inside which brackets? (a) { } (b) [ ] (c) ( ) (d) < >
26. 26.True or false: alert(score); goes in script.js. (a) True (b) False
27. 27.📋 Does this list show bullets or numbers?
    <ol>
      <li>Papaya</li>
      <li>Grapes</li>
    </ol> (a) numbers (b) bullets
28. 28.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="50"> (a) kite.png (b) A red kite (c) map.png (d) cake.jpg
29. 29.⚖️ What colour is the text of this element?
    <h2 class="red" id="logo">Hi</h2>
    CSS:
    #logo { color: orange; }
    .red { color: green; }
    h2 { color: white; } (a) orange (b) white (c) green (d) blue
30. 30.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 18px;
      }
    }
31. 31.True or false: JavaScript rounds box corners. (a) True (b) False
32. 32.📱 max-width: 600px applies when the screen is ___. (a) 600px or narrower (b) turned off (c) exactly 1000px (d) 600px or wider
33. 33.🔠 How many headings are in this code?
    <h1>The red kite</h1>
    <h3>My best friend</h3>
    <h3>My best friend</h3>
    <p>The red kite</p>
34. 34.🔁 Which word runs code only when something is true? (a) for (b) let (c) log (d) if
35. 35.True or false: HTTPS is the page’s address. (a) False (b) True
36. 36.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) Here is my best one. (b) Class 7 Blog (c) Welcome! (d) index.html
37. 37.🌍 What is the path in this URL?
    http://kids.example.org/news/today.html (a) /news/today.html (b) kids.example.org (c) /games/chess.html (d) http
38. 38.🔍 Which is the odd one out? (a) answers page requests (b) stores a website’s files (c) sends pages over the net (d) turns HTML into a page
39. 39.🎯 Which element does the selector .star style? (a) <h2 class="note"> (b) <h1 class="star"> (c) <h1 class="menu"> (d) <h1 id="star">
40. 40.⚖️ What colour is the text of this element?
    <h2 class="star" id="intro">Hi</h2>
    CSS:
    h2 { color: black; }
    .star { color: green; }
    #intro { color: white; } (a) green (b) purple (c) white (d) black

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