Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 459 · 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 kind of selector is img? (a) an id selector (b) a class selector (c) an element selector
2. 2.📱 Which tag helps phones show a page at the right size? (a) the viewport meta tag (b) the title tag (c) the hr tag (d) the br tag
3. 3.🧭 Is <div> semantic or not semantic? (a) not semantic (b) semantic
4. 4.🔢 When you open a web page, which comes first: “the browser asks it” or “you type the URL”? (a) the browser asks it (b) you type the URL
5. 5.🌈 Which colour is rgb(255, 255, 255)? (a) white (b) bright green (c) blue (d) yellow
6. 6.True or false: <input type="password"> is for one line of words. (a) False (b) True
7. 7.What is <input type="date"> for? (a) lets you tick many (b) hides what you type (c) picks a day (d) sends the form
8. 8.📝 Does <p> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
9. 9.📝 How many paragraphs does this code make?
   <p>The red kite</p>
   <p>Rain today</p>
   <p>Our school trip</p>
10. 10.🔠 How many headings are in this code?
    <h1>My pets</h1>
    <p>I love mangoes.</p>
    <p>Good morning!</p>
11. 11.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="email">
      <input type="text">
      <input type="date">
      <input type="password">
      <input type="submit" value="Send">
    </form>
12. 12.🌍 Which one scrambles data on its way? (a) the URL (b) the server (c) HTTPS (d) the browser
13. 13.True or false: to type a password on http is safe. (a) True (b) False
14. 14.⚡ What does JavaScript add to a web page? (a) the page title (b) the domain name (c) actions and changes (d) only colours
15. 15.🧭 Which semantic tag holds one blog post? (a) <aside> (b) <article> (c) <header> (d) <nav>
16. 16.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
17. 17.True or false: JavaScript makes headings and lists. (a) True (b) False
18. 18.🔠 How many headings are in this code?
    <h1>The red kite</h1>
    <h2>The red kite</h2>
    <h4>Cricket is fun.</h4>
    <h4>Hello, world!</h4>
19. 19.⚖️ What colour is the text of this element?
    <h1 class="note" id="end">Hi</h1>
    CSS:
    #end { color: white; }
    .note { color: green; }
    h1 { color: red; } (a) green (b) white (c) blue (d) red
20. 20.🔠 How many <h1> headings should a page usually have? (a) 1 (b) 10 (c) 3 (d) 6
21. 21.Which of these is true of a web server? (a) colours code to help us (b) opens web pages for us (c) saves our .html files (d) answers page requests
22. 22.📦 In the box model, which part is space inside the border? (a) border (b) margin (c) content (d) padding
23. 23.True or false: p is an id selector. (a) True (b) False
24. 24.✍️ What value is given to border in this rule?
    body {
      border: 2px solid;
      background-color: yellow;
    } (a) 2px solid (b) italic (c) 300px (d) border
25. 25.🧭 Which semantic tag holds copyright notes? (a) <nav> (b) <footer> (c) <aside> (d) <main>
26. 26.💬 How does an HTML comment start? (a) /* (b) # (c) // (d) <!--
27. 27.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 230px;
      justify-content: flex-start;
    }
    Inside are 2 boxes, each 100px wide (no margins).
28. 28.🌈 Which colour is rgb(255, 255, 0)? (a) bright green (b) white (c) yellow (d) red
29. 29.🔠 How many headings are in this code?
    <h1>My pets</h1>
    <h3>I love mangoes.</h3>
    <p>Our school trip</p>
    <h2>Our school trip</h2>
    <h4>Rain today</h4>
30. 30.🌍 What is the protocol in this URL?
    https://kids.example.org/art/gallery.html (a) https (b) /art/gallery.html (c) http (d) kids.example.org
31. 31.📋 What number does the browser show next to “Orange”?
    <ol start="2">
      <li>Guava</li>
      <li>Orange</li>
      <li>Litchi</li>
    </ol>
32. 32.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Mango</td><td>Jamun</td><td>Jamun</td><td>Banana</td></tr>
      <tr><td>Orange</td><td>Litchi</td><td>Jamun</td><td>Mango</td></tr>
      <tr><td>Jamun</td><td>Orange</td><td>Grapes</td><td>Banana</td></tr>
    </table>
33. 33.🔗 What does target="_blank" do to a link? (a) makes it blank (b) hides the link (c) makes it bold (d) opens it in a new tab
34. 34.💾 A web page file usually ends with which extension? (a) .mp3 (b) .html (c) .png (d) .txt
35. 35.📱 The screen is 375px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (max-width: 480px) {
      p {
        font-size: 16px;
      }
    }
36. 36.✍️ What value is given to color in this rule?
    h2 {
      border: 2px solid;
      width: 300px;
      color: red;
      text-align: center;
    } (a) red (b) 20px (c) center (d) color
37. 37.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 140px;
      justify-content: center;
    }
    Inside are 3 boxes, each 40px wide (no margins).
38. 38.📋 Does this list show bullets or numbers?
    <ol>
      <li>Grapes</li>
      <li>Papaya</li>
    </ol> (a) bullets (b) numbers
39. 39.🎯 Which sign starts a class selector? (a) & (b) . (c) @ (d) #
40. 40.📊 How many rows does this table have?
    <table>
      <tr><td>Guava</td><td>Jamun</td></tr>
      <tr><td>Orange</td><td>Mango</td></tr>
      <tr><td>Grapes</td><td>Jamun</td></tr>
    </table>

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