Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 259 · 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 the lock (HTTPS) in the address bar mean? (a) the site is free (b) the site is fast (c) the site is a game (d) the data is scrambled
2. 2.True or false: <tr> makes one table row. (a) True (b) False
3. 3.🚀 Which file should this code go in: body { margin: 0; } (a) script.js (b) index.html (c) style.css
4. 4.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
5. 5.🏷️ Which is the closing tag for <u>? (a) </u> (b) <u/> (c) <\u> (d) <u>
6. 6.🖼️ Which picture file does the browser load?
   <img src="fort.jpg" alt="An old fort" width="350"> (a) kite.png (b) fort.jpg (c) tiger.jpg (d) An old fort
7. 7.🏷️ What does a closing tag have that an opening tag does not? (a) a hash # (b) a slash / (c) a dollar $ (d) a dot .
8. 8.Which colour pair is hard to read? (a) black on white (b) white on dark blue (c) red on green (d) yellow on black
9. 9.⚖️ Which selector is the weakest? (a) a class selector (b) an element selector (c) an id selector
10. 10.True or false: <li> is an unordered list. (a) False (b) True
11. 11.Which of these does HTML do? (a) changes the page live (b) shows a pop-up message (c) makes a form box (d) adds space around boxes
12. 12.🧭 How many <main> parts should a page have? (a) ten (b) three (c) one (d) none
13. 13.🔗 Which words do you click on?
    <a href="quiz.html">About us</a> (a) About us (b) Contact us (c) href (d) quiz.html
14. 14.⚖️ Which selector is the strongest? (a) an element selector (b) a class selector (c) an id selector
15. 15.🔠 Which tag is the least important heading? (a) <h1> (b) <h3> (c) <p> (d) <h6>
16. 16.🧭 Which semantic tag helps you move around? (a) <header> (b) <main> (c) <nav> (d) <article>
17. 17.📄 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>Mars is red.</p>
    </body>
    </html> (a) body (b) Riya’s Recipes (c) Mars is red. (d) Easy snacks
18. 18.📝 How many paragraphs does this code make?
    <p>Hello, world!</p>
    <h2>Our school trip</h2>
    <h2>I love mangoes.</h2>
19. 19.🚀 You change your code. What should you do to see the change? (a) switch off the PC (b) rename the folder (c) delete the file (d) save and refresh
20. 20.🔠 Which heading shows the BIGGEST text: <h6>, <h4>, <h5> or <h2>? (a) <h4> (b) <h2> (c) <h5> (d) <h6>
21. 21.🎯 What kind of selector is p? (a) an id selector (b) an element selector (c) a class selector
22. 22.🏷️ Every HTML tag starts with which sign? (a) [ (b) ( (c) { (d) <
23. 23.🖼️ Which tag puts a picture on a page? (a) <img> (b) <a> (c) <p> (d) <pic>
24. 24.⚖️ What colour is the text of this element?
    <p class="menu" id="end">Hi</p>
    CSS:
    p { color: purple; }
    p { color: yellow; } (a) purple (b) black (c) blue (d) yellow
25. 25.🔁 How many times does this code print “Well done”?
    for (let i = 2; i < 8; i++) {
      console.log("Well done");
    }
26. 26.📊 In a table, which tag is a row? (a) <th> (b) <tr> (c) <tb> (d) <td>
27. 27.📄 Can HTML on its own make bullet lists? (a) No (b) Yes
28. 28.💬 How many paragraphs show on the page?
    <!-- <p>Fun facts</p> -->
    <p>Our school trip</p>
    <p>Hello, world!</p>
    <p>I love mangoes.</p>
29. 29.Which of these has a closing tag? (a) <p> (b) <hr> (c) <input> (d) <meta>
30. 30.💪 Which justify-content value equal gaps, none at ends? (a) flex-end (b) space-between (c) center (d) flex-start
31. 31.✍️ Which property is set to 300px in this rule?
    body {
      width: 300px;
      color: red;
      padding: 8px;
    } (a) color (b) width (c) font-style (d) 300px
32. 32.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Rivers flow</p>
33. 33.🖼️ Does <img> need a closing tag? (a) Yes (b) No
34. 34.📋 What number does the browser show next to “Mango”?
    <ol start="4">
      <li>Jamun</li>
      <li>Orange</li>
      <li>Grapes</li>
      <li>Mango</li>
      <li>Banana</li>
      <li>Guava</li>
    </ol>
35. 35.💬 Which text will NOT show on the page?
    <!-- <p>Good morning!</p> -->
    <p>Cricket is fun.</p>
    <p>Hello, world!</p>
    <p>I love mangoes.</p> (a) Hello, world! (b) I love mangoes. (c) Good morning! (d) Cricket is fun.
36. 36.What does color do? (a) makes letters bigger (b) sets the letter colour (c) centres a heading (d) picks the font style
37. 37.🌍 What is the domain name in this URL?
    https://kids.example.org/about.html (a) school.example.in (b) /about.html (c) https (d) kids.example.org
38. 38.🖼️ Which picture file does the browser load?
    <img src="dog.jpg" alt="A happy dog" width="100"> (a) moon.png (b) A happy dog (c) dog.jpg (d) bus.jpg
39. 39.🎯 Which sign starts an id selector? (a) @ (b) # (c) & (d) .
40. 40.📦 In the box model, which part is space inside the border? (a) padding (b) content (c) border (d) margin

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