Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 60 · 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.📝 On how many lines does the browser show this paragraph?
   <p>Sky is blue<br>Roses are red<br>Birds sing</p>
2. 2.📊 Which tag makes one table row? (a) <tr> (b) <caption> (c) <td> (d) <th>
3. 3.🖼️ Which picture file does the browser load?
   <img src="moon.png" alt="The full moon" width="100"> (a) bus.jpg (b) moon.png (c) fort.jpg (d) The full moon
4. 4.💪 Which justify-content value packs boxes at the start? (a) flex-end (b) flex-start (c) center (d) space-between
5. 5.📝 Which input type lets you pick only one? (a) radio (b) password (c) date (d) number
6. 6.🔗 What does target="_blank" do to a link? (a) makes it blank (b) opens it in a new tab (c) hides the link (d) makes it bold
7. 7.What does justify-content: flex-start do? (a) equal gaps, none at ends (b) packs boxes at the end (c) packs boxes at the start (d) puts boxes in the middle
8. 8.📝 How many paragraphs does this code make?
   <p>Fun facts</p>
   <p>I love mangoes.</p>
   <p>Our school trip</p>
9. 9.🌗 Is pink on red easy or hard to read? (a) hard to read (b) easy to read
10. 10.🖌️ Which CSS property makes letters bigger? (a) color (b) background-color (c) font-size (d) font-weight
11. 11.🔢 When you open a web page, which comes LAST? (a) DNS finds the server (b) you type the URL (c) the server sends files (d) the browser shows it
12. 12.📊 How many rows does this table have?
    <table>
      <tr><td>Banana</td><td>Jamun</td><td>Grapes</td><td>Grapes</td></tr>
      <tr><td>Jamun</td><td>Banana</td><td>Banana</td><td>Guava</td></tr>
      <tr><td>Guava</td><td>Grapes</td><td>Mango</td><td>Banana</td></tr>
    </table>
13. 13.📋 Does this list show bullets or numbers?
    <ol>
      <li>Grapes</li>
      <li>Jamun</li>
    </ol> (a) bullets (b) numbers
14. 14.🔢 In a basic web page file, which comes FIRST? (a) <head> (b) </html> (c) <body> (d) <!DOCTYPE html>
15. 15.📝 What does <hr> draw? (a) a link (b) a table (c) a line across the page (d) a picture
16. 16.📋 Does this list show bullets or numbers?
    <ul>
      <li>Jamun</li>
      <li>Grapes</li>
    </ul> (a) numbers (b) bullets
17. 17.🚀 Which file should this code go in: let score = 0; (a) index.html (b) style.css (c) script.js
18. 18.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) Riya’s Recipes (b) We won by 5 runs. (c) Easy snacks (d) body
19. 19.True or false: in <img>, src describes the picture. (a) True (b) False
20. 20.🔗 Where does this link open?
    <a href="maths.html" target="_blank">About us</a> (a) in a new tab (b) in the same tab
21. 21.What is <input type="number"> for? (a) takes only numbers (b) hides what you type (c) picks a day (d) lets you tick many
22. 22.🧭 How many <main> parts should a page have? (a) one (b) ten (c) three (d) none
23. 23.True or false: <a> goes in the head. (a) True (b) False
24. 24.🔗 Which words do you click on?
    <a href="about.html">Play games</a> (a) Play games (b) href (c) About us (d) about.html
25. 25.🔒 Is the connection to this address scrambled (encrypted)?
    http://www.example.net/about.html (a) No (b) Yes
26. 26.🎯 What kind of selector is #hero? (a) an element selector (b) a class selector (c) an id selector
27. 27.🧭 Is <section> semantic or not semantic? (a) semantic (b) not semantic
28. 28.🔢 To build and share your first web page, which comes first: “plan what to show” or “write the HTML”? (a) write the HTML (b) plan what to show
29. 29.🔍 Which is the odd one out? (a) adds space around boxes (b) sets colours and fonts (c) makes a form box (d) lays out the page
30. 30.🔠 Which heading shows the BIGGEST text: <h1>, <h6>, <h3> or <h5>? (a) <h6> (b) <h5> (c) <h1> (d) <h3>
31. 31.🔗 Where does this link open?
    <a href="news.html">School news</a> (a) in the same tab (b) in a new tab
32. 32.🔗 Which words do you click on?
    <a href="https://example.com">About us</a> (a) https://example.com (b) href (c) About us (d) Contact us
33. 33.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="text">
      <input type="submit" value="Send">
    </form>
34. 34.🔗 Which words do you click on?
    <a href="contact.html">Visit the site</a> (a) contact.html (b) Maths fun (c) Visit the site (d) href
35. 35.📋 Which list shows the steps of a recipe best? (a) <hr> (b) <br> (c) <ul> (d) <ol>
36. 36.Which of these goes in the head? (a) <h1> (b) <a> (c) <img> (d) <link rel="stylesheet">
37. 37.🎯 Which CSS selector matches this element?
    <div class="star" id="hero">Hello</div> (a) .hero (b) #star (c) .menu (d) #hero
38. 38.True or false: margin is a solid or dotted edge. (a) True (b) False
39. 39.True or false: <h1> goes in the head. (a) True (b) False
40. 40.True or false: the URL scrambles data on its way. (a) True (b) False

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