Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 723 · 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.🖼️ Which tag puts a picture on a page? (a) <img> (b) <pic> (c) <p> (d) <a>
2. 2.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 12px;
   }
   @media (min-width: 600px) {
     p {
       font-size: 18px;
     }
   }
3. 3.📝 Does <br> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
4. 4.💬 How many paragraphs show on the page?
   <!-- <p>My pets</p> -->
   <!-- <p>My best friend</p> -->
   <p>Rain today</p>
   <p>The red kite</p>
   <!-- <p>Cricket is fun.</p> -->
5. 5.📱 What does a media query check? (a) the page title (b) the battery level (c) the screen width (d) the time of day
6. 6.📦 How much space across (px) does this box take in all, margin included?
   .box {
     width: 50px;
     padding: 15px;
     border: 2px solid black;
     margin: 0px;
   }
7. 7.🔁 When does the else part run? (a) when if is false (b) never (c) when if is true (d) always
8. 8.🔗 Which address opens when you click this link?
   <a href="contact.html">Art corner</a> (a) https://example.com (b) maths.html (c) contact.html (d) Art corner
9. 9.True or false: <input type="checkbox"> lets you tick many. (a) True (b) False
10. 10.🌈 Which colour of light is strongest in rgb(118, 41, 212)? (a) blue (b) green (c) red
11. 11.Which colour pair is hard to read? (a) light grey on white (b) white on black (c) black on white (d) yellow on black
12. 12.🔍 Which line is missing its closing tag?
    line 1: <em>Cricket is fun.</em>
    line 2: <p>Our school trip
    line 3: <h1>Good morning!</h1> (a) line 3 (b) line 2 (c) line 1
13. 13.🔠 Which heading shows the SMALLEST text: <h6>, <h4>, <h1> or <h3>? (a) <h1> (b) <h3> (c) <h4> (d) <h6>
14. 14.🔗 Which words do you click on?
    <a href="about.html">Visit the site</a> (a) Maths fun (b) href (c) Visit the site (d) about.html
15. 15.Which of these is true of <nav>? (a) helps you move around (b) is the page’s key part (c) sits at the bottom (d) holds a side box of tips
16. 16.📱 max-width: 600px applies when the screen is ___. (a) exactly 1000px (b) 600px or narrower (c) turned off (d) 600px or wider
17. 17.What is <input type="email"> for? (a) sends the form (b) takes only numbers (c) is for an email address (d) hides what you type
18. 18.Which of these has a closing tag? (a) <p> (b) <img> (c) <hr> (d) <br>
19. 19.Which colour pair is hard to read? (a) white on dark blue (b) black on white (c) dark grey on white (d) yellow on white
20. 20.Which of these is a strong password? (a) Chai$Cup_19x (b) iloveyou (c) qwerty (d) riya2014
21. 21.Which of these has a closing tag? (a) <input> (b) <ul> (c) <hr> (d) <br>
22. 22.📋 Does this list show bullets or numbers?
    <ol>
      <li>Grapes</li>
      <li>Orange</li>
    </ol> (a) bullets (b) numbers
23. 23.🖌️ How big is the text, in px?
    p {
      color: blue;
      font-size: 36px;
      text-align: right;
      background-color: orange;
    }
24. 24.♿ Is this heading order correct (no level skipped)?
    <h1> → <h2> → <h4> → <h3> (a) Yes (b) No
25. 25.⚖️ What colour is the text of this element?
    <h2 class="star" id="logo">Hi</h2>
    CSS:
    .star { color: black; }
    .star { color: yellow; } (a) yellow (b) white (c) black (d) orange
26. 26.📝 How many paragraphs does this code make?
    <p>My pets</p>
    <h2>Our school trip</h2>
    <h2>My pets</h2>
    <p>The red kite</p>
    <h2>Rain today</h2>
27. 27.📄 Can HTML on its own make headings? (a) No (b) Yes
28. 28.🔠 Which tag is used for the main title on a page? (a) <br> (b) <h1> (c) <p> (d) <h6>
29. 29.🔠 Which heading shows the SMALLEST text: <h1>, <h2>, <h6> or <h3>? (a) <h3> (b) <h6> (c) <h1> (d) <h2>
30. 30.🖼️ Which picture file does the browser load?
    <img src="tiger.jpg" alt="A tiger asleep" width="300"> (a) kite.png (b) A tiger asleep (c) map.png (d) tiger.jpg
31. 31.True or false: <input type="password"> hides what you type. (a) True (b) False
32. 32.🔗 Where does this link open?
    <a href="games.html">Take the quiz</a> (a) in the same tab (b) in a new tab
33. 33.🔍 Which is the odd one out? (a) opens web pages for us (b) shows pages from the web (c) hosts websites online (d) has an address bar
34. 34.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <h3>I love mangoes.</h3>
    <h4>Good morning!</h4>
    <h2>I love mangoes.</h2>
    <h3>The red kite</h3>
35. 35.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 3 (c) 10 (d) 1
36. 36.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="200"> (a) moon.png (b) width (c) Our school bus (d) The full moon
37. 37.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 250px;
      justify-content: flex-start;
    }
    Inside are 3 boxes, each 60px wide (no margins).
38. 38.⚖️ Which selector is the weakest? (a) an id selector (b) a class selector (c) an element selector
39. 39.📱 The screen is 375px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 18px;
      }
    }
40. 40.📊 How many cells does this table have in all?
    <table>
      <tr><td>Mango</td><td>Banana</td><td>Mango</td><td>Banana</td></tr>
      <tr><td>Grapes</td><td>Grapes</td><td>Guava</td><td>Jamun</td></tr>
    </table>

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