Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 195 · 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.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) publish it online (b) add CSS styles (c) test in a browser (d) write the HTML
2. 2.🖼️ Which attribute of <img> names the picture file? (a) height (b) width (c) src (d) alt
3. 3.True or false: HTML on its own can show paragraphs. (a) False (b) True
4. 4.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="fort.jpg" alt="An old fort" width="400"> (a) A tiger asleep (b) fort.jpg (c) width (d) An old fort
5. 5.🔠 Which tag is used for the main title on a page? (a) <p> (b) <h6> (c) <h1> (d) <br>
6. 6.Which of these is true of a code editor? (a) answers page requests (b) shows line numbers (c) stores a website’s files (d) shows pages from the web
7. 7.📝 How many paragraphs does this code make?
   <p>Fun facts</p>
   <p>Our school trip</p>
   <h2>Good morning!</h2>
   <h2>Hello, world!</h2>
   <p>Hello, world!</p>
   <p>My pets</p>
8. 8.🏷️ Which is the closing tag for <b>? (a) <b/> (b) <\b> (c) <b> (d) </b>
9. 9.🔠 Which heading shows the SMALLEST text: <h1>, <h6>, <h3> or <h5>? (a) <h6> (b) <h5> (c) <h3> (d) <h1>
10. 10.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="100"> (a) width (b) Map of India (c) Birthday cake (d) map.png
11. 11.♿ A part of the page is under a <h4> heading. Which tag should its sub-heading use? (a) <h3> (b) <h4> (c) <h2> (d) <h5>
12. 12.What is <input type="radio"> for? (a) lets you tick many (b) is for one line of words (c) hides what you type (d) lets you pick only one
13. 13.💪 Which justify-content value equal gaps, none at ends? (a) center (b) flex-start (c) flex-end (d) space-between
14. 14.🔍 Which is the odd one out? (a) saves our .html files (b) is where we type code (c) opens web pages for us (d) shows line numbers
15. 15.Which of these does HTML do? (a) shows a pop-up message (b) changes the text size (c) puts a picture on a page (d) sets colours and fonts
16. 16.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <p>Our school trip</p>
    <!-- <p>Rain today</p> -->
    <p>I love mangoes.</p>
    <p>My pets</p>
17. 17.What does justify-content: space-between do? (a) packs boxes at the end (b) puts boxes in the middle (c) equal gaps, none at ends (d) packs boxes at the start
18. 18.📝 What does <hr> draw? (a) a table (b) a picture (c) a line across the page (d) a link
19. 19.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
20. 20.True or false: <input type="checkbox"> sends the form. (a) True (b) False
21. 21.🖼️ Which tag puts a picture on a page? (a) <pic> (b) <img> (c) <a> (d) <p>
22. 22.Which of these is an opening tag? (a) </title> (b) </p> (c) <li> (d) </b>
23. 23.📊 How many rows does this table have?
    <table>
      <tr><td>Litchi</td><td>Jamun</td><td>Banana</td><td>Orange</td></tr>
      <tr><td>Guava</td><td>Grapes</td><td>Papaya</td><td>Orange</td></tr>
      <tr><td>Mango</td><td>Grapes</td><td>Orange</td><td>Guava</td></tr>
    </table>
24. 24.🧩 Which language reacts to a button click? (a) CSS (b) HTML (c) JavaScript
25. 25.📱 The screen is 540px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (min-width: 1024px) {
      p {
        font-size: 28px;
      }
    } (a) Yes (b) No
26. 26.Which colour pair is easy to read? (a) light grey on white (b) blue on purple (c) yellow on white (d) dark grey on white
27. 27.⚡ Which JavaScript word makes a new variable? (a) console.log() (b) if (c) for (d) let
28. 28.🎯 How many elements on a page should have the same id? (a) 1 (b) any number (c) 2 (d) 5
29. 29.📝 On how many lines does the browser show this paragraph?
    <p>Kites fly high<br>Stars shine<br>Rivers flow<br>Birds sing<br>Sky is blue</p>
30. 30.✍️ What is the selector in this CSS rule?
    p {
      font-style: italic;
      padding: 8px;
      text-align: center;
    } (a) .note (b) p (c) 8px (d) font-style
31. 31.🌈 Which colour is rgb(255, 255, 0)? (a) red (b) white (c) yellow (d) bright green
32. 32.📱 What does a media query check? (a) the time of day (b) the screen width (c) the battery level (d) the page title
33. 33.🌐 Which one turns HTML into a page? (a) a web server (b) a web browser (c) a code editor
34. 34.Which of these is true of a code editor? (a) has an address bar (b) opens web pages for us (c) answers page requests (d) saves our .html files
35. 35.🔍 One closing tag is missing. Which one?
    <h3>The red kite</h3>
    <small>My pets
    <p>I love mangoes.</p> (a) </p> (b) </h3> (c) </small> (d) </h1>
36. 36.🔢 In a basic web page file, which comes first: “<head>” or “</html>”? (a) <head> (b) </html>
37. 37.✍️ What value is given to text-align in this rule?
    h1 {
      text-align: center;
      width: 300px;
      font-size: 20px;
    } (a) 10px (b) yellow (c) center (d) text-align
38. 38.🔠 Are headings shown in bold by default? (a) No (b) Yes
39. 39.🌐 Which one stores a website’s files? (a) a web browser (b) a web server (c) a code editor
40. 40.🚀 Which file should this code go in: alert(score); (a) script.js (b) style.css (c) index.html

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