Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 559 · 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 is <input type="radio"> for? (a) lets you tick many (b) lets you pick only one (c) is for an email address (d) takes only numbers
2. 2.🔢 When you open a web page, which comes FIRST? (a) the browser shows it (b) the server sends files (c) DNS finds the server (d) you type the URL
3. 3.⚡ Where does console.log() show its output? (a) on the title bar (b) in the address bar (c) on the printer (d) in the console
4. 4.🔠 Which heading shows the BIGGEST text: <h6>, <h5>, <h4> or <h3>? (a) <h5> (b) <h3> (c) <h6> (d) <h4>
5. 5.💪 How much empty space (px) is before the first box?
   .row {
     display: flex;
     width: 330px;
     justify-content: flex-end;
   }
   Inside are 3 boxes, each 100px wide (no margins).
6. 6.✍️ How many declarations (property: value pairs) are in this rule?
   h1 {
     font-style: italic;
   }
7. 7.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
8. 8.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
   .box {
     width: 70px;
     padding: 15px;
     border: 4px solid black;
     margin: 0px;
   }
9. 9.📋 Which list shows the steps of a recipe best? (a) <ol> (b) <ul> (c) <br> (d) <hr>
10. 10.⚡ Which word makes a new variable? (a) let (b) give (c) make (d) put
11. 11.🎯 What kind of selector is body? (a) an id selector (b) a class selector (c) an element selector
12. 12.⚡ Which JavaScript word writes in the console? (a) if (b) console.log() (c) for (d) alert()
13. 13.🏷️ Is <title> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
14. 14.🌍 What is the path in this URL?
    http://learn.example.com/about.html (a) learn.example.com (b) /about.html (c) /maths/tables.html (d) http
15. 15.🖼️ Does <img> need a closing tag? (a) No (b) Yes
16. 16.📊 How many cells are in each row?
    <table>
      <tr><td>Papaya</td><td>Banana</td></tr>
      <tr><td>Mango</td><td>Guava</td></tr>
      <tr><td>Papaya</td><td>Guava</td></tr>
    </table>
17. 17.🔢 When you open a web page, which comes first: “DNS finds the server” or “the server sends files”? (a) the server sends files (b) DNS finds the server
18. 18.🖌️ What colour are the letters?
    li {
      background-color: black;
      text-align: right;
      color: blue;
      font-size: 32px;
    } (a) yellow (b) black (c) blue
19. 19.📝 On how many lines does the browser show this paragraph?
    <p>Stars shine<br>Roses are red<br>Sky is blue</p>
20. 20.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 22px;
      }
    }
21. 21.📋 How many items does this list show?
    <ol>
      <li>Papaya</li>
      <li>Mango</li>
      <li>Grapes</li>
    </ol>
22. 22.Which of these is safe to do online? (a) put secrets in comments (b) post your home address (c) use a strong password (d) type a password on http
23. 23.📋 Which list tag is one item of a list? (a) <ol> (b) <ul> (c) <li>
24. 24.🔗 Which tag makes a clickable link? (a) <img> (b) <p> (c) <link> (d) <a>
25. 25.📱 The screen is 414px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 18px;
      }
    }
26. 26.True or false: a web server hosts websites online. (a) True (b) False
27. 27.🖌️ What colour are the letters?
    h1 {
      text-align: left;
      font-size: 12px;
      color: blue;
      background-color: yellow;
    } (a) white (b) blue (c) yellow
28. 28.🖼️ Which attribute of <img> is read by screen readers? (a) height (b) width (c) alt (d) src
29. 29.⚡ What number does this code print?
    let a = 9;
    let b = 4;
    console.log(a * b);
30. 30.True or false: the border is space outside the border. (a) True (b) False
31. 31.🌍 Which one sends the page back? (a) the browser (b) the URL (c) HTTPS (d) the server
32. 32.🧭 Why use <nav> instead of <div> for a menu? (a) it loads faster (b) it makes text red (c) it adds pictures (d) it tells its meaning
33. 33.💬 Can anyone read your comments by viewing the page source? (a) Yes (b) No
34. 34.🖌️ What colour are the letters?
    h2 {
      text-align: left;
      font-size: 20px;
      background-color: yellow;
      color: blue;
    } (a) yellow (b) red (c) blue
35. 35.What is <input type="checkbox"> for? (a) is for one line of words (b) takes only numbers (c) lets you tick many (d) is for an email address
36. 36.Which of these does CSS do? (a) gives the page structure (b) reacts to a button click (c) makes headings and lists (d) lays out the page
37. 37.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Sky is blue<br>Stars shine<br>Kites fly high<br>Birds sing</p>
38. 38.🧭 Is <header> semantic or not semantic? (a) not semantic (b) semantic
39. 39.🔗 Which words do you click on?
    <a href="https://example.com">Play games</a> (a) Play games (b) href (c) About us (d) https://example.com
40. 40.♿ Is this heading order correct (no level skipped)?
    <h1> → <h2> → <h3> → <h4> (a) Yes (b) No

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