Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 975 · 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 does a password box show instead of letters? (a) numbers (b) capital letters (c) emojis (d) dots
2. 2.💪 How much empty space (px) is before the first box?
   .row {
     display: flex;
     width: 280px;
     justify-content: flex-end;
   }
   Inside are 4 boxes, each 50px wide (no margins).
3. 3.True or false: <p> has a closing tag. (a) True (b) False
4. 4.🔗 Which address opens when you click this link?
   <a href="news.html">Contact us</a> (a) Contact us (b) news.html (c) quiz.html (d) games.html
5. 5.Which of these is not safe to do online? (a) type a password on http (b) use a strong password (c) log out on shared PCs (d) keep passwords secret
6. 6.📋 Does this list show bullets or numbers?
   <ul>
     <li>Mango</li>
     <li>Jamun</li>
   </ul> (a) bullets (b) numbers
7. 7.🔁 Which loop repeats code a set number of times? (a) for (b) else (c) if (d) let
8. 8.🔠 Which heading shows the BIGGEST text: <h4>, <h1>, <h6> or <h3>? (a) <h3> (b) <h6> (c) <h1> (d) <h4>
9. 9.True or false: p is an element selector. (a) True (b) False
10. 10.⚡ Which JavaScript word makes a new variable? (a) console.log() (b) alert() (c) let (d) if
11. 11.🧩 An opening tag + content + a closing tag together make an ___. (a) editor (b) element (c) address (d) attribute
12. 12.🔗 Which address opens when you click this link?
    <a href="https://example.com">Maths fun</a> (a) maths.html (b) art.html (c) Maths fun (d) https://example.com
13. 13.📊 Where do <td> cells go? (a) inside a <p> (b) inside a <li> (c) inside the <head> (d) inside a <tr>
14. 14.🌈 Which colour is #00ffff? (a) magenta (b) red (c) blue (d) cyan
15. 15.💪 Which flexbox property picks row or column? (a) justify-content (b) flex-direction (c) gap (d) display: flex
16. 16.⚡ Which JavaScript word repeats code? (a) console.log() (b) for (c) alert() (d) let
17. 17.🌈 In #003d00 the green part is the hex number 3d. What is it as a normal number?
18. 18.🔗 What does target="_blank" do to a link? (a) makes it bold (b) hides the link (c) opens it in a new tab (d) makes it blank
19. 19.📄 Can HTML on its own add pictures to a page? (a) Yes (b) No
20. 20.🛡️ Online: is it safe to meet an online stranger? (a) safe (b) not safe
21. 21.📛 In <a href="x.html">, what is href? (a) a closing tag (b) an element name (c) an attribute (d) a comment
22. 22.Which of these is the border? (a) space inside the border (b) the line round the box (c) the text or picture (d) the gap round content
23. 23.💬 How does an HTML comment end? (a) --> (b) */ (c) >> (d) //
24. 24.🔢 To build and share your first web page, which comes first: “write the HTML” or “add CSS styles”? (a) write the HTML (b) add CSS styles
25. 25.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="password">
      <input type="date">
      <input type="submit" value="Send">
    </form>
26. 26.⚖️ What colour is the text of this element?
    <p class="note" id="top">Hi</p>
    CSS:
    p { color: red; }
    .note { color: orange; }
    #top { color: black; } (a) black (b) orange (c) red (d) green
27. 27.🖼️ Which tag puts a picture on a page? (a) <pic> (b) <a> (c) <p> (d) <img>
28. 28.🔍 Which is the odd one out? (a) makes a form box (b) adds space around boxes (c) puts a picture on a page (d) gives the page structure
29. 29.🔍 Which line is missing its closing tag?
    line 1: <small>The red kite</small>
    line 2: <em>My best friend</em>
    line 3: <h3>My pets (a) line 1 (b) line 2 (c) line 3
30. 30.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Guava</td><td>Jamun</td></tr>
      <tr><td>Papaya</td><td>Guava</td></tr>
      <tr><td>Guava</td><td>Orange</td></tr>
    </table>
31. 31.📱 The screen is 1100px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 8px;
      }
    }
32. 32.🌈 Which colour of light is strongest in rgb(72, 39, 155)? (a) blue (b) green (c) red
33. 33.🔗 Which words do you click on?
    <a href="quiz.html">School news</a> (a) Take the quiz (b) School news (c) quiz.html (d) href
34. 34.📄 Can HTML on its own make links to pages? (a) No (b) Yes
35. 35.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h5> (b) <h1> (c) <h4> (d) <h6>
36. 36.🌈 Which colour of light is strongest in rgb(172, 119, 55)? (a) green (b) blue (c) red
37. 37.True or false: <table> makes one data cell. (a) True (b) False
38. 38.⚡ Which JavaScript word shows a pop-up box? (a) for (b) alert() (c) if (d) let
39. 39.📄 Can HTML on its own add up two numbers? (a) No (b) Yes
40. 40.📱 The screen is 1100px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (min-width: 1024px) {
      p {
        font-size: 14px;
      }
    } (a) Yes (b) No

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