Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 981 · 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.🖼️ How many pixels wide is the picture drawn?
   <img src="map.png" alt="Map of India" width="50">
2. 2.True or false: “add alt text to images” makes the page harder to use. (a) True (b) False
3. 3.🏷️ Is <p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
4. 4.📋 Which list tag lists things in any order? (a) <li> (b) <ol> (c) <ul>
5. 5.🔢 When you open a web page, which comes first: “the browser asks it” or “you type the URL”? (a) the browser asks it (b) you type the URL
6. 6.🔗 Where does this link open?
   <a href="https://example.com">School news</a> (a) in the same tab (b) in a new tab
7. 7.Which of these is true of a code editor? (a) colours code to help us (b) shows pages from the web (c) stores a website’s files (d) turns HTML into a page
8. 8.💪 Which justify-content value packs boxes at the start? (a) flex-start (b) space-between (c) center (d) flex-end
9. 9.🔍 Which is the odd one out? (a) sets colours and fonts (b) lays out the page (c) changes the page live (d) rounds box corners
10. 10.Which of these is true of <main>? (a) holds extra side notes (b) holds the logo and title (c) sits at the very top (d) holds the main content
11. 11.🔠 Which heading shows the SMALLEST text: <h1>, <h4>, <h2> or <h6>? (a) <h6> (b) <h4> (c) <h2> (d) <h1>
12. 12.🧩 Which language reacts to a button click? (a) HTML (b) JavaScript (c) CSS
13. 13.✍️ What is the selector in this CSS rule?
    .note {
      border: 2px solid;
      text-align: center;
      color: red;
      font-size: 20px;
    } (a) center (b) .note (c) #top (d) border
14. 14.🌍 What is the path in this URL?
    https://learn.example.com/maths/tables.html (a) https (b) learn.example.com (c) /index.html (d) /maths/tables.html
15. 15.✍️ What is the selector in this CSS rule?
    h2 {
      width: 300px;
      padding: 8px;
      font-weight: bold;
    } (a) h1 (b) h2 (c) 8px (d) width
16. 16.🔗 Which words do you click on?
    <a href="quiz.html">About us</a> (a) Contact us (b) href (c) About us (d) quiz.html
17. 17.True or false: <input type="password"> takes only numbers. (a) False (b) True
18. 18.🔗 Which attribute holds the address of a link? (a) id (b) href (c) src (d) alt
19. 19.📝 Does <ul> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
20. 20.🌍 What is the path in this URL?
    http://www.example.net/news/today.html (a) www.example.net (b) http (c) /games/chess.html (d) /news/today.html
21. 21.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 250px;
      padding: 10px;
      border: 1px solid black;
      margin: 0px;
    }
22. 22.📄 Where does <style> go: in the head or in the body? (a) in the head (b) in the body
23. 23.📝 Which input type is for an email address? (a) radio (b) password (c) checkbox (d) email
24. 24.⚡ Which JavaScript word writes in the console? (a) let (b) if (c) alert() (d) console.log()
25. 25.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 90px;
      padding: 25px;
      border: 3px solid black;
      margin: 15px;
    }
26. 26.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the later one (b) neither (c) the shorter one (d) the first one
27. 27.🌈 Which colour is #00ff00? (a) cyan (b) white (c) bright green (d) yellow
28. 28.🏷️ Which is the closing tag for <h1>? (a) </h1> (b) <\h1> (c) <h1> (d) <h1/>
29. 29.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Grapes</td><td>Jamun</td></tr>
      <tr><td>Grapes</td><td>Guava</td></tr>
      <tr><td>Jamun</td><td>Grapes</td></tr>
    </table>
30. 30.🔍 One closing tag is missing. Which one?
    <h3>Hello, world!</h3>
    <b>Good morning!
    <u>Rain today</u> (a) </i> (b) </h3> (c) </u> (d) </b>
31. 31.🌍 Which one stores the site’s files? (a) the server (b) the URL (c) the browser (d) HTTPS
32. 32.🎯 What kind of selector is .note? (a) a class selector (b) an element selector (c) an id selector
33. 33.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="text">
      <input type="number">
      <input type="email">
      <input type="submit" value="Send">
    </form>
34. 34.True or false: <li> lists things in any order. (a) False (b) True
35. 35.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 18px;
      }
    }
36. 36.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 14px;
      }
    }
37. 37.🔤 In “HTML”, what does the M stand for? (a) Modern (b) Mouse (c) Markup (d) Machine
38. 38.🌈 Which colour of light is strongest in rgb(132, 164, 133)? (a) green (b) blue (c) red
39. 39.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="fruit"> Mango
      <input type="checkbox" name="fruit"> Papaya
      <input type="checkbox" name="fruit"> Litchi
    </form>
40. 40.🔁 Which word runs code only when something is true? (a) let (b) if (c) for (d) log

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