Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 949 · 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.What does font-family do? (a) makes letters bigger (b) sets the letter colour (c) picks the font style (d) colours behind the text
2. 2.Which of these is true of a web browser? (a) turns HTML into a page (b) shows line numbers (c) is where we type code (d) answers page requests
3. 3.📝 What does <hr> draw? (a) a table (b) a picture (c) a line across the page (d) a link
4. 4.What does justify-content: flex-end do? (a) puts boxes in the middle (b) packs boxes at the end (c) packs boxes at the start (d) equal gaps, none at ends
5. 5.📝 What does <br> do? (a) starts a new line (b) makes a list (c) adds a picture (d) makes text bold
6. 6.True or false: <meta> is an empty tag. (a) False (b) True
7. 7.🌍 What is the protocol in this URL?
   http://kids.example.org/games/chess.html (a) kids.example.org (b) http (c) https (d) /games/chess.html
8. 8.What is <input type="checkbox"> for? (a) is for one line of words (b) lets you pick only one (c) lets you tick many (d) is for an email address
9. 9.True or false: a web server sends pages over the net. (a) False (b) True
10. 10.🖼️ Which picture file does the browser load?
    <img src="fort.jpg" alt="An old fort" width="250"> (a) An old fort (b) kite.png (c) fort.jpg (d) tiger.jpg
11. 11.🔠 Which heading shows the BIGGEST text: <h1>, <h4>, <h5> or <h3>? (a) <h1> (b) <h3> (c) <h5> (d) <h4>
12. 12.📋 What number does the browser show next to “Papaya”?
    <ol start="5">
      <li>Mango</li>
      <li>Banana</li>
      <li>Papaya</li>
      <li>Guava</li>
      <li>Grapes</li>
      <li>Jamun</li>
    </ol>
13. 13.Which of these is a weak password? (a) S0lar!Pen#8 (b) Blue@Tiger_74 (c) riya2014 (d) Mango#Kite29!
14. 14.💬 Which text will NOT show on the page?
    <!-- <p>Hello, world!</p> -->
    <p>Our school trip</p>
    <p>My pets</p> (a) Hello, world! (b) Our school trip (c) My pets
15. 15.True or false: HTTPS asks for a web page. (a) True (b) False
16. 16.True or false: <caption> holds the whole table. (a) True (b) False
17. 17.🌍 What finds the server for a domain name like example.com? (a) HTML (b) CSS (c) alt (d) DNS
18. 18.📄 Can HTML on its own make tables? (a) No (b) Yes
19. 19.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Papaya</td><td>Banana</td></tr>
      <tr><td>Grapes</td><td>Papaya</td></tr>
    </table>
20. 20.🔗 Which address opens when you click this link?
    <a href="maths.html">School news</a> (a) maths.html (b) news.html (c) art.html (d) School news
21. 21.📋 How many items does this list show?
    <ul>
      <li>Grapes</li>
      <li>Mango</li>
    </ul>
22. 22.🌍 Which one asks for a web page? (a) the URL (b) HTTPS (c) the browser (d) the server
23. 23.📄 Can HTML on its own keep a high score? (a) Yes (b) No
24. 24.🎯 Can many elements share the same class? (a) Yes (b) No
25. 25.🔢 On a typical page, from top to bottom, which comes first: “<footer>” or “<main>”? (a) <main> (b) <footer>
26. 26.🌈 Which colour of light is strongest in rgb(212, 100, 18)? (a) green (b) red (c) blue
27. 27.📝 Which tag makes a big box for many lines of text? (a) <br> (b) <textarea> (c) <input> (d) <p>
28. 28.🎯 Which element does the selector .menu style? (a) <span class="menu"> (b) <p class="big"> (c) <span id="menu"> (d) <span class="note">
29. 29.🔍 Which line is missing its closing tag?
    line 1: <h3>My pets</h3>
    line 2: <h1>Our school trip</h1>
    line 3: <u>I love mangoes. (a) line 2 (b) line 3 (c) line 1
30. 30.🚀 Which file should this code go in: alert("Hi"); (a) index.html (b) script.js (c) style.css
31. 31.📝 How many paragraphs does this code make?
    <p>Our school trip</p>
    <h2>Hello, world!</h2>
    <h2>I love mangoes.</h2>
    <p>Our school trip</p>
    <h2>My pets</h2>
32. 32.🌍 What do we call the computer that stores a website? (a) a server (b) a keyboard (c) a mouse (d) a printer
33. 33.💬 How many paragraphs show on the page?
    <!-- <p>Hello, world!</p> -->
    <p>I love mangoes.</p>
    <!-- <p>Good morning!</p> -->
    <!-- <p>My best friend</p> -->
34. 34.📝 Which tag holds a whole form? (a) <input> (b) <form> (c) <ol> (d) <table>
35. 35.True or false: h1 is a class selector. (a) False (b) True
36. 36.🌍 Which one stores the site’s files? (a) the browser (b) the URL (c) HTTPS (d) the server
37. 37.🔗 Which words do you click on?
    <a href="games.html">Art corner</a> (a) href (b) Art corner (c) games.html (d) School news
38. 38.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h2> (b) <h1> (c) <h3> (d) <h5>
39. 39.🎯 Which element does the selector h2 style? (a) <div class="red"> (b) <li> (c) <h2 class="red"> (d) <span id="logo">
40. 40.Which of these is an opening tag? (a) </p> (b) </li> (c) <title> (d) </h1>

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