Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 276 · 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.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h1> (b) <h3> (c) <h6> (d) <h5>
2. 2.🧭 Why use <nav> instead of <div> for a menu? (a) it makes text red (b) it loads faster (c) it adds pictures (d) it tells its meaning
3. 3.💪 How wide (px) is each gap between two boxes?
   .row {
     display: flex;
     width: 200px;
     justify-content: space-between;
   }
   Inside are 3 boxes, each 40px wide (no margins).
4. 4.True or false: the browser shows the page to you. (a) False (b) True
5. 5.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="bus.jpg" alt="Our school bus" width="250"> (a) An old fort (b) bus.jpg (c) width (d) Our school bus
6. 6.🔗 Which tag makes a clickable link? (a) <link> (b) <a> (c) <p> (d) <img>
7. 7.📝 Which tag makes a big box for many lines of text? (a) <textarea> (b) <input> (c) <br> (d) <p>
8. 8.🌍 Which one stores the site’s files? (a) the server (b) the browser (c) the URL (d) HTTPS
9. 9.📊 How many cells are in each row?
   <table>
     <tr><td>Mango</td><td>Papaya</td><td>Jamun</td><td>Litchi</td></tr>
     <tr><td>Papaya</td><td>Banana</td><td>Orange</td><td>Litchi</td></tr>
     <tr><td>Grapes</td><td>Guava</td><td>Jamun</td><td>Papaya</td></tr>
     <tr><td>Mango</td><td>Banana</td><td>Banana</td><td>Litchi</td></tr>
   </table>
10. 10.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="350"> (a) width (b) Our school bus (c) moon.png (d) The full moon
11. 11.What is <input type="radio"> for? (a) picks a day (b) lets you pick only one (c) is for an email address (d) sends the form
12. 12.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 26px;
      }
    }
13. 13.📋 Which list tag is an ordered list? (a) <ul> (b) <li> (c) <ol>
14. 14.✍️ What value is given to color in this rule?
    .box {
      color: red;
      border: 2px solid;
    } (a) center (b) red (c) 20px (d) color
15. 15.True or false: img is an id selector. (a) True (b) False
16. 16.🔠 Which heading shows the BIGGEST text: <h6>, <h2>, <h5> or <h3>? (a) <h5> (b) <h6> (c) <h3> (d) <h2>
17. 17.⚡ Which tag holds JavaScript in a page? (a) <js> (b) <code> (c) <script> (d) <style>
18. 18.Which of these is safe to do online? (a) keep passwords secret (b) type a password on http (c) share your OTP (d) post your home address
19. 19.🔢 To build and share your first web page, which comes first: “add CSS styles” or “publish it online”? (a) add CSS styles (b) publish it online
20. 20.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 150px;
      justify-content: flex-start;
    }
    Inside are 2 boxes, each 60px wide (no margins).
21. 21.🌈 In #000042 the blue part is the hex number 42. What is it as a normal number?
22. 22.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 190px;
      justify-content: flex-end;
    }
    Inside are 4 boxes, each 40px wide (no margins).
23. 23.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="150"> (a) Our school bus (b) The full moon (c) moon.png (d) width
24. 24.True or false: .star is a class selector. (a) False (b) True
25. 25.🔍 Which is the odd one out? (a) rounds box corners (b) adds space around boxes (c) lays out the page (d) shows a pop-up message
26. 26.⚡ Which JavaScript word runs code when true? (a) if (b) let (c) alert() (d) for
27. 27.🚀 Which file is best for the colours and fonts? (a) photo.jpg (b) script.js (c) style.css (d) index.html
28. 28.📄 Can HTML on its own count button clicks? (a) Yes (b) No
29. 29.📝 Does <br> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
30. 30.📋 Which list shows the steps of a recipe best? (a) <ol> (b) <br> (c) <ul> (d) <hr>
31. 31.🎯 Which CSS selector matches this element?
    <h1 class="note" id="hero">Hello</h1> (a) #top (b) .hero (c) h2 (d) #hero
32. 32.True or false: <br> has a closing tag. (a) True (b) False
33. 33.Which of these is a strong password? (a) 123456 (b) password (c) riya2014 (d) Mango#Kite29!
34. 34.🔁 When does the else part run? (a) when if is false (b) when if is true (c) always (d) never
35. 35.🔗 Which code links to about.html? (a) <link about.html> (b) <a src="about.html"> (c) <a href="about.html"> (d) <a alt="about.html">
36. 36.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <p>My pets</p>
    <h3>Fun facts</h3>
    <p>I love mangoes.</p>
37. 37.🔗 Which words do you click on?
    <a href="news.html">Take the quiz</a> (a) news.html (b) href (c) Play games (d) Take the quiz
38. 38.✍️ How many declarations (property: value pairs) are in this rule?
    #top {
      padding: 8px;
    }
39. 39.🌍 What do we call the computer that stores a website? (a) a server (b) a printer (c) a mouse (d) a keyboard
40. 40.💬 How does an HTML comment start? (a) // (b) <!-- (c) /* (d) #

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