Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 607 · 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) riya2014 (b) qwerty (c) Blue@Tiger_74 (d) 111111
2. 2.True or false: <input type="text"> lets you tick many. (a) False (b) True
3. 3.True or false: the URL is the page’s address. (a) True (b) False
4. 4.📋 How many items does this list show?
   <ol>
     <li>Grapes</li>
     <li>Jamun</li>
     <li>Litchi</li>
     <li>Papaya</li>
   </ol>
5. 5.📊 How many heading cells (<th>) does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th></tr>
     <tr><td>Banana</td><td>Mango</td></tr>
     <tr><td>Litchi</td><td>Mango</td></tr>
     <tr><td>Grapes</td><td>Litchi</td></tr>
   </table>
6. 6.🔠 How many headings are in this code?
   <h1>Good morning!</h1>
   <h2>My pets</h2>
   <h3>Hello, world!</h3>
7. 7.Which of these is true of a web browser? (a) opens web pages for us (b) hosts websites online (c) is where we type code (d) answers page requests
8. 8.⚖️ Which selector is the weakest? (a) a class selector (b) an id selector (c) an element selector
9. 9.True or false: padding is space outside the border. (a) True (b) False
10. 10.🎯 What kind of selector is .note? (a) an element selector (b) a class selector (c) an id selector
11. 11.True or false: <img src="cat.png"> goes in script.js. (a) True (b) False
12. 12.🖌️ Where does the text sit on its line?
    p {
      font-size: 36px;
      background-color: green;
      text-align: center;
      color: yellow;
    } (a) on the right (b) in the middle (c) on the left
13. 13.True or false: “add alt text to images” helps everyone use the page. (a) True (b) False
14. 14.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 230px;
      padding: 15px;
      border: 1px solid black;
      margin: 0px;
    }
15. 15.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="number">
      <input type="date">
      <input type="text">
      <input type="password">
      <input type="submit" value="Send">
    </form>
16. 16.🔍 One closing tag is missing. Which one?
    <small>Our school trip</small>
    <h1>The red kite</h1>
    <h3>Rain today (a) </h3> (b) </h1> (c) </small> (d) </i>
17. 17.True or false: <ul> is one item of a list. (a) True (b) False
18. 18.Which of these does JavaScript do? (a) gives the page structure (b) adds space around boxes (c) reacts to a button click (d) makes a link
19. 19.📋 Which list suits a shopping list in any order? (a) <br> (b) <ol> (c) <ul> (d) <hr>
20. 20.🔗 Which address opens when you click this link?
    <a href="contact.html">Visit the site</a> (a) https://example.com (b) maths.html (c) contact.html (d) Visit the site
21. 21.🎨 One CSS file can style how many pages? (a) no pages (b) many pages (c) only one word (d) only one image
22. 22.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 500px;
      justify-content: center;
    }
    Inside are 4 boxes, each 100px wide (no margins).
23. 23.🛡️ Online: is it safe to use a nickname in games? (a) not safe (b) safe
24. 24.True or false: <li> lists things in any order. (a) True (b) False
25. 25.📄 Where does <table> go: in the head or in the body? (a) in the head (b) in the body
26. 26.🔐 Is 123456 a strong or a weak password? (a) strong (b) weak
27. 27.🔠 Which heading shows the BIGGEST text: <h3>, <h5>, <h4> or <h6>? (a) <h6> (b) <h4> (c) <h3> (d) <h5>
28. 28.⚡ What number does this code print?
    let apples = 11;
    apples = apples + 3;
    apples = apples - 12;
    console.log(apples);
29. 29.🚀 Which file should this code go in: score = score + 1; (a) script.js (b) index.html (c) style.css
30. 30.🔢 To build and share your first web page, which comes first: “add CSS styles” or “plan what to show”? (a) add CSS styles (b) plan what to show
31. 31.📱 The screen is 414px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 8px;
      }
    }
32. 32.Which colour pair is hard to read? (a) white on black (b) black on white (c) yellow on black (d) light grey on white
33. 33.Which of these is not safe to do online? (a) meet an online stranger (b) use a nickname in games (c) think before you post (d) ask before downloading
34. 34.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="350"> (a) tiger.jpg (b) A tiger asleep (c) A red kite (d) width
35. 35.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 90px;
      padding: 5px;
      border: 4px solid black;
      margin: 5px;
    }
36. 36.🔗 Which tag makes a clickable link? (a) <a> (b) <p> (c) <img> (d) <link>
37. 37.🌍 What finds the server for a domain name like example.com? (a) HTML (b) CSS (c) DNS (d) alt
38. 38.♿ Is this heading order correct (no level skipped)?
    <h1> → <h1> → <h2> → <h4> (a) Yes (b) No
39. 39.⚖️ What colour is the text of this element?
    <h2 class="big" id="top">Hi</h2>
    CSS:
    h2 { color: orange; }
    #top { color: red; }
    .big { color: purple; } (a) orange (b) yellow (c) red (d) purple
40. 40.🔠 How many heading levels does HTML have? (a) 10 (b) 3 (c) 6 (d) 4

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