Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 234 · 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 heading shows the BIGGEST text: <h2>, <h3>, <h4> or <h1>? (a) <h4> (b) <h3> (c) <h2> (d) <h1>
2. 2.🔠 How many heading levels does HTML have? (a) 3 (b) 4 (c) 10 (d) 6
3. 3.🔤 In “HTML”, what does the L stand for? (a) Line (b) Laptop (c) Language (d) Link
4. 4.🏷️ Which is the closing tag for <i>? (a) <\i> (b) </i> (c) <i> (d) <i/>
5. 5.✍️ What value is given to font-style in this rule?
   body {
     font-style: italic;
     font-weight: bold;
     font-size: 20px;
   } (a) 20px (b) italic (c) red (d) font-style
6. 6.🔗 Which words do you click on?
   <a href="https://example.com">About us</a> (a) https://example.com (b) href (c) Contact us (d) About us
7. 7.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) publish it online (b) write the HTML (c) add CSS styles (d) test in a browser
8. 8.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h4> or <h2>? (a) <h4> (b) <h6> (c) <h2> (d) <h1>
9. 9.What is <input type="password"> for? (a) is for one line of words (b) sends the form (c) is for an email address (d) hides what you type
10. 10.🎯 Which element does the selector #end style? (a) <p id="hero"> (b) <p id="end"> (c) <p class="end"> (d) <h1 class="menu">
11. 11.True or false: #hero is a class selector. (a) True (b) False
12. 12.🔠 Which heading shows the BIGGEST text: <h1>, <h5>, <h6> or <h3>? (a) <h3> (b) <h6> (c) <h1> (d) <h5>
13. 13.🔠 Which heading shows the SMALLEST text: <h6>, <h2>, <h4> or <h1>? (a) <h1> (b) <h6> (c) <h4> (d) <h2>
14. 14.Which of these is true of a web browser? (a) stores a website’s files (b) has an address bar (c) sends pages over the net (d) shows line numbers
15. 15.✍️ What is the selector in this CSS rule?
    body {
      margin: 10px;
      padding: 8px;
      width: 300px;
      font-style: italic;
    } (a) body (b) .box (c) margin (d) 8px
16. 16.🖌️ What colour are the letters?
    h2 {
      color: purple;
      background-color: white;
      font-size: 20px;
      text-align: center;
    } (a) purple (b) white (c) orange
17. 17.♿ Which link text is clearest? (a) link (b) here (c) Read the fruit facts (d) click here
18. 18.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <h4>Hello, world!</h4>
    <p>My pets</p>
    <p>Hello, world!</p>
    <h4>Cricket is fun.</h4>
19. 19.🔁 How many times does this code print “Hello”?
    for (let i = 3; i <= 11; i++) {
      console.log("Hello");
    }
20. 20.🧭 Who is helped most by semantic tags? (a) screen-reader users (b) only the printer (c) nobody (d) only the server
21. 21.🔗 Which address opens when you click this link?
    <a href="maths.html">Contact us</a> (a) art.html (b) Contact us (c) news.html (d) maths.html
22. 22.🛡️ Online: is it safe to post your home address? (a) safe (b) not safe
23. 23.📋 How many items does this list show?
    <ol>
      <li>Grapes</li>
      <li>Orange</li>
      <li>Jamun</li>
    </ol>
24. 24.🔒 Is the connection to this address scrambled (encrypted)?
    http://school.example.in/about.html (a) Yes (b) No
25. 25.📱 The screen is 414px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 14px;
      }
    }
26. 26.🔢 In a basic web page file, which comes FIRST? (a) </body> (b) <!DOCTYPE html> (c) <head> (d) <html>
27. 27.📊 In a table, which tag is a row? (a) <tb> (b) <th> (c) <td> (d) <tr>
28. 28.🌗 Is blue on purple easy or hard to read? (a) easy to read (b) hard to read
29. 29.📱 Responsive design means a page ___. (a) is only for laptops (b) fits every screen (c) has no pictures (d) never changes
30. 30.🔐 Is iloveyou a strong or a weak password? (a) weak (b) strong
31. 31.🚀 Which file should this code go in: .box { padding: 8px; } (a) index.html (b) style.css (c) script.js
32. 32.🖌️ What colour are the letters?
    h2 {
      background-color: white;
      font-size: 28px;
      text-align: center;
      color: green;
    } (a) purple (b) white (c) green
33. 33.🎨 One CSS file can style how many pages? (a) only one image (b) no pages (c) only one word (d) many pages
34. 34.🎯 How many elements on a page should have the same id? (a) 2 (b) 1 (c) 5 (d) any number
35. 35.📄 Can HTML on its own make bullet lists? (a) Yes (b) No
36. 36.🖼️ Why do we add alt text to an image? (a) to colour it (b) to make it bigger (c) to load it faster (d) to describe the image
37. 37.⚡ Which tag holds JavaScript in a page? (a) <style> (b) <code> (c) <script> (d) <js>
38. 38.🖌️ What colour are the letters?
    p {
      text-align: right;
      font-size: 12px;
      color: red;
      background-color: purple;
    } (a) orange (b) red (c) purple
39. 39.🔗 Which words do you click on?
    <a href="news.html">Maths fun</a> (a) Art corner (b) href (c) news.html (d) Maths fun
40. 40.True or false: <li> goes inside ul or ol. (a) False (b) True

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