Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 837 · 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 of these is a strong password? (a) qwerty (b) password (c) 123456 (d) Rain#Drop_42!
2. 2.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
3. 3.💪 How wide (px) is each gap between two boxes?
   .row {
     display: flex;
     width: 410px;
     justify-content: space-between;
   }
   Inside are 4 boxes, each 80px wide (no margins).
4. 4.🎯 Which sign starts a class selector? (a) # (b) & (c) . (d) @
5. 5.♿ Does this help everyone, or make the page harder to use: tiny grey text? (a) makes it harder (b) helps everyone
6. 6.🔠 Which heading shows the SMALLEST text: <h3>, <h2>, <h1> or <h4>? (a) <h1> (b) <h3> (c) <h2> (d) <h4>
7. 7.📝 How many paragraphs does this code make?
   <p>My pets</p>
   <p>Hello, world!</p>
   <p>The red kite</p>
   <p>My pets</p>
   <p>Hello, world!</p>
8. 8.True or false: HTML on its own can make bullet lists. (a) True (b) False
9. 9.📦 How much space across (px) does this box take in all, margin included?
   .box {
     width: 140px;
     padding: 20px;
     border: 4px solid black;
     margin: 5px;
   }
10. 10.🚀 Which file should this code go in: body { margin: 0; } (a) index.html (b) style.css (c) script.js
11. 11.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) index.html (b) Easy snacks (c) Thanks for visiting. (d) Class 7 Blog
12. 12.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h6> or <h3>? (a) <h3> (b) <h1> (c) <h6> (d) <h2>
13. 13.🔠 Which heading shows the BIGGEST text: <h1>, <h6>, <h2> or <h5>? (a) <h5> (b) <h1> (c) <h2> (d) <h6>
14. 14.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="text">
      <input type="password">
      <input type="email">
      <input type="checkbox">
      <input type="submit" value="Send">
    </form>
15. 15.🔗 Where does this link open?
    <a href="games.html" target="_blank">Visit the site</a> (a) in a new tab (b) in the same tab
16. 16.✍️ What is the selector in this CSS rule?
    h1 {
      width: 300px;
      text-align: center;
      font-size: 20px;
    } (a) p (b) width (c) h1 (d) center
17. 17.📦 In the box model, which part is the gap round content? (a) padding (b) content (c) border (d) margin
18. 18.💪 Which justify-content value packs boxes at the end? (a) space-between (b) center (c) flex-end (d) flex-start
19. 19.🏷️ Which is the closing tag for <small>? (a) <small> (b) </small> (c) <small/> (d) <\small>
20. 20.Which of these is an empty tag? (a) <h1> (b) <meta> (c) <title> (d) <b>
21. 21.🔗 Which attribute holds the address of a link? (a) alt (b) id (c) href (d) src
22. 22.🏷️ Which is the closing tag for <u>? (a) <u> (b) </u> (c) <u/> (d) <\u>
23. 23.📋 Does this list show bullets or numbers?
    <ul>
      <li>Banana</li>
      <li>Mango</li>
    </ul> (a) numbers (b) bullets
24. 24.💪 Which justify-content value equal gaps, none at ends? (a) flex-end (b) flex-start (c) center (d) space-between
25. 25.True or false: <meta charset="utf-8"> goes in the body. (a) False (b) True
26. 26.🧭 Is <section> semantic or not semantic? (a) not semantic (b) semantic
27. 27.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="text">
      <input type="password">
      <input type="date">
      <input type="submit" value="Send">
    </form>
28. 28.📱 What does a media query check? (a) the time of day (b) the page title (c) the battery level (d) the screen width
29. 29.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Mango</td><td>Mango</td></tr>
      <tr><td>Guava</td><td>Banana</td></tr>
      <tr><td>Litchi</td><td>Grapes</td></tr>
    </table>
30. 30.🏷️ Every HTML tag starts with which sign? (a) < (b) { (c) [ (d) (
31. 31.🌍 Which one sends the page back? (a) the server (b) HTTPS (c) the browser (d) the URL
32. 32.📱 The screen is 700px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (min-width: 768px) {
      p {
        font-size: 22px;
      }
    }
33. 33.📊 How many cells are in each row?
    <table>
      <tr><td>Jamun</td><td>Banana</td><td>Banana</td><td>Jamun</td></tr>
      <tr><td>Litchi</td><td>Papaya</td><td>Orange</td><td>Orange</td></tr>
    </table>
34. 34.📝 What does <p> make? (a) a table (b) a paragraph (c) a link (d) a picture
35. 35.🔗 Where does this link open?
    <a href="https://example.com" target="_blank">Contact us</a> (a) in the same tab (b) in a new tab
36. 36.True or false: <input type="email"> is for an email address. (a) True (b) False
37. 37.🔁 What does this code print?
    let score = 39;
    if (score < 6) {
      console.log("You win");
    } else {
      console.log("Play again");
    } (a) You win (b) Play again
38. 38.🧩 Which language changes the page live? (a) HTML (b) CSS (c) JavaScript
39. 39.🔗 Which address opens when you click this link?
    <a href="https://example.com">Art corner</a> (a) maths.html (b) art.html (c) https://example.com (d) Art corner
40. 40.🌍 Which one stores the site’s files? (a) the server (b) the URL (c) the browser (d) HTTPS

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