Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 246 · 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.🏷️ Is <h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
2. 2.📦 In the box model, which part is the text or picture? (a) margin (b) content (c) border (d) padding
3. 3.📝 Does <br> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
4. 4.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="map.png" alt="Map of India" width="150"> (a) map.png (b) Map of India (c) width (d) Birthday cake
5. 5.📄 What is the first line of an HTML5 page? (a) <!DOCTYPE html> (b) <html> (c) <head> (d) <body>
6. 6.🔠 Which tag is the least important heading? (a) <h1> (b) <h3> (c) <h6> (d) <p>
7. 7.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ul> (c) <hr> (d) <ol>
8. 8.📱 The screen is 700px wide. Does the rule inside @media apply?
   p {
     font-size: 16px;
   }
   @media (max-width: 1024px) {
     p {
       font-size: 10px;
     }
   } (a) No (b) Yes
9. 9.⚖️ Which selector is the strongest? (a) an element selector (b) an id selector (c) a class selector
10. 10.🖌️ Which CSS property sets the letter colour? (a) font-family (b) text-align (c) color (d) background-color
11. 11.🌈 Which hex code is cyan? (a) #ffffff (b) #ff00ff (c) #00ffff (d) #ff0000
12. 12.Which colour pair is hard to read? (a) dark grey on white (b) yellow on white (c) black on white (d) white on dark blue
13. 13.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) Cricket Club (b) index.html (c) Easy snacks (d) Mars is red.
14. 14.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Guava</td><td>Mango</td><td>Guava</td></tr>
      <tr><td>Banana</td><td>Guava</td><td>Grapes</td></tr>
      <tr><td>Litchi</td><td>Orange</td><td>Banana</td></tr>
    </table>
15. 15.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is fast (b) the data is scrambled (c) the site is a game (d) the site is free
16. 16.📋 What number does the browser show next to “Banana”?
    <ol>
      <li>Jamun</li>
      <li>Banana</li>
      <li>Mango</li>
      <li>Papaya</li>
    </ol>
17. 17.♿ Who uses a screen reader? (a) only teachers (b) only coders (c) people who are blind (d) only robots
18. 18.🛡️ Online: is it safe to click prize links? (a) not safe (b) safe
19. 19.What does justify-content: flex-start do? (a) packs boxes at the start (b) equal gaps, none at ends (c) packs boxes at the end (d) puts boxes in the middle
20. 20.🎯 Which element does the selector #top style? (a) <span class="note"> (b) <div id="intro"> (c) <div class="top"> (d) <div id="top">
21. 21.🔢 When you open a web page, what comes right after “you type the URL”? (a) DNS finds the server (b) the browser shows it (c) the browser asks it (d) the server sends files
22. 22.Which of these is true of <main>? (a) holds the main content (b) holds the logo and title (c) holds copyright notes (d) sits at the very top
23. 23.🏷️ Every HTML tag starts with which sign? (a) ( (b) { (c) < (d) [
24. 24.Which of these does HTML do? (a) makes a link (b) checks a quiz answer (c) counts down a timer (d) adds space around boxes
25. 25.True or false: <img> is an empty tag. (a) True (b) False
26. 26.⚡ What number does this code print?
    let a = 21;
    let b = 11;
    console.log(a - b);
27. 27.🔢 On a typical page, from top to bottom, which comes LAST? (a) <nav> (b) <main> (c) <footer> (d) <header>
28. 28.🌈 Which colour of light is strongest in rgb(53, 32, 183)? (a) blue (b) green (c) red
29. 29.💬 How many paragraphs show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <p>The red kite</p>
    <!-- <p>Our school trip</p> -->
    <p>Fun facts</p>
30. 30.📋 How many items does this list show?
    <ul>
      <li>Mango</li>
      <li>Papaya</li>
      <li>Guava</li>
    </ul>
31. 31.📋 What number does the browser show next to “Orange”?
    <ol>
      <li>Papaya</li>
      <li>Orange</li>
      <li>Banana</li>
      <li>Jamun</li>
      <li>Mango</li>
    </ol>
32. 32.True or false: <li> lists steps in order. (a) False (b) True
33. 33.💬 Does the browser show comments on the page? (a) No (b) Yes
34. 34.Which of these is not safe to do online? (a) check for https first (b) use a strong password (c) post your home address (d) keep passwords secret
35. 35.🔗 Which address opens when you click this link?
    <a href="about.html">Take the quiz</a> (a) contact.html (b) Take the quiz (c) https://example.com (d) about.html
36. 36.🔁 What does i++ do? (a) prints i (b) doubles i (c) takes 1 from i (d) adds 1 to i
37. 37.🔠 Which heading shows the SMALLEST text: <h2>, <h5>, <h3> or <h1>? (a) <h1> (b) <h2> (c) <h5> (d) <h3>
38. 38.🔠 Which heading shows the BIGGEST text: <h4>, <h1>, <h3> or <h2>? (a) <h1> (b) <h2> (c) <h3> (d) <h4>
39. 39.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="150"> (a) width (b) tiger.jpg (c) A red kite (d) A tiger asleep
40. 40.🌗 Is blue on purple easy or hard to read? (a) hard to read (b) easy to read

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