Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 542 · 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.🛡️ Online: is it safe to check for https first? (a) safe (b) not safe
2. 2.📋 How many items does this list show?
   <ul>
     <li>Jamun</li>
     <li>Papaya</li>
     <li>Banana</li>
     <li>Orange</li>
     <li>Mango</li>
     <li>Grapes</li>
   </ul>
3. 3.🔍 Which is the odd one out? (a) changes the page live (b) gives the page structure (c) makes a link (d) puts a picture on a page
4. 4.True or false: margin is space outside the border. (a) False (b) True
5. 5.💬 How does an HTML comment start? (a) /* (b) // (c) <!-- (d) #
6. 6.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 24px;
   }
   @media (min-width: 600px) {
     p {
       font-size: 28px;
     }
   }
7. 7.📋 Which list tag lists steps in order? (a) <ul> (b) <ol> (c) <li>
8. 8.What does justify-content: flex-end do? (a) packs boxes at the start (b) puts boxes in the middle (c) packs boxes at the end (d) equal gaps, none at ends
9. 9.🔗 Which address opens when you click this link?
   <a href="maths.html">Visit the site</a> (a) Visit the site (b) art.html (c) maths.html (d) news.html
10. 10.True or false: <td> makes one data cell. (a) False (b) True
11. 11.📋 Does this list show bullets or numbers?
    <ul>
      <li>Orange</li>
      <li>Jamun</li>
    </ul> (a) numbers (b) bullets
12. 12.💪 Which justify-content value puts boxes in the middle? (a) flex-start (b) space-between (c) flex-end (d) center
13. 13.True or false: the URL is the page’s address. (a) False (b) True
14. 14.🔁 Which word runs code only when something is true? (a) let (b) if (c) log (d) for
15. 15.✍️ What value is given to color in this rule?
    .box {
      color: red;
      width: 300px;
    } (a) red (b) center (c) color (d) 20px
16. 16.🔒 Is the connection to this address scrambled (encrypted)?
    https://www.example.net/maths/tables.html (a) No (b) Yes
17. 17.⚡ What does this code show?
    let name = "Meera";
    console.log("Welcome, " + name + "!"); (a) name (b) Meera (c) Welcome, name! (d) Welcome, Meera!
18. 18.✍️ Which sign goes between a property and its value? (a) - (b) ; (c) = (d) :
19. 19.🖼️ Which tag puts a picture on a page? (a) <p> (b) <a> (c) <img> (d) <pic>
20. 20.True or false: <input type="email"> is for an email address. (a) True (b) False
21. 21.True or false: in <img>, width sets how wide it is. (a) True (b) False
22. 22.✍️ How many declarations (property: value pairs) are in this rule?
    #top {
      font-size: 20px;
      margin: 10px;
      text-align: center;
    }
23. 23.⚖️ What colour is the text of this element?
    <h2 class="menu" id="hero">Hi</h2>
    CSS:
    #hero { color: red; }
    #hero { color: yellow; } (a) yellow (b) white (c) red (d) blue
24. 24.🎯 What kind of selector is #logo? (a) an element selector (b) a class selector (c) an id selector
25. 25.What does color do? (a) makes letters bigger (b) sets the letter colour (c) picks the font style (d) centres a heading
26. 26.📝 How many paragraphs does this code make?
    <p>The red kite</p>
    <p>Cricket is fun.</p>
    <p>Rain today</p>
27. 27.Which colour pair is easy to read? (a) blue on purple (b) white on dark blue (c) yellow on white (d) red on green
28. 28.Which of these is true of a web server? (a) shows pages from the web (b) shows line numbers (c) stores a website’s files (d) opens web pages for us
29. 29.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 100px;
      padding: 10px;
      border: 1px solid black;
      margin: 0px;
    }
30. 30.💪 Which justify-content value packs boxes at the start? (a) space-between (b) center (c) flex-start (d) flex-end
31. 31.What is <input type="text"> for? (a) picks a day (b) is for one line of words (c) takes only numbers (d) hides what you type
32. 32.🔠 Which heading shows the SMALLEST text: <h3>, <h5>, <h6> or <h1>? (a) <h1> (b) <h6> (c) <h3> (d) <h5>
33. 33.🖌️ Which CSS property colours behind the text? (a) text-align (b) font-weight (c) font-family (d) background-color
34. 34.🏷️ Which is the closing tag for <h2>? (a) </h2> (b) <h2> (c) <h2/> (d) <\h2>
35. 35.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
36. 36.True or false: a web browser hosts websites online. (a) False (b) True
37. 37.📋 How many items does this list show?
    <ol>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Jamun</li>
      <li>Banana</li>
      <li>Grapes</li>
      <li>Papaya</li>
    </ol>
38. 38.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 3; i++) {
      total = total + 2;
    }
    console.log(total);
39. 39.🧭 Is <aside> semantic or not semantic? (a) not semantic (b) semantic
40. 40.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 140px;
      padding: 25px;
      border: 1px solid black;
      margin: 5px;
    }

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