Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 497 · 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.True or false: “use big enough text” makes the page harder to use. (a) True (b) False
2. 2.What does font-size do? (a) centres a heading (b) makes letters bigger (c) makes the text bold (d) picks the font style
3. 3.🔒 Is the connection to this address scrambled (encrypted)?
   https://learn.example.com/maths/tables.html (a) No (b) Yes
4. 4.🚀 You change your code. What should you do to see the change? (a) save and refresh (b) switch off the PC (c) rename the folder (d) delete the file
5. 5.🔗 Which words do you click on?
   <a href="games.html">About us</a> (a) About us (b) games.html (c) href (d) Contact us
6. 6.🧭 Which semantic tag helps you move around? (a) <nav> (b) <main> (c) <aside> (d) <footer>
7. 7.⚖️ What colour is the text of this element?
   <p class="note" id="main">Hi</p>
   CSS:
   #main { color: orange; }
   p { color: green; }
   .note { color: red; } (a) orange (b) green (c) red (d) blue
8. 8.🏷️ Is </body> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
9. 9.🧩 Which language makes a link? (a) HTML (b) JavaScript (c) CSS
10. 10.⚖️ Which selector is the strongest? (a) an id selector (b) an element selector (c) a class selector
11. 11.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h3> or <h5>? (a) <h5> (b) <h1> (c) <h2> (d) <h3>
12. 12.True or false: <li> is an unordered list. (a) True (b) False
13. 13.🏷️ Which is the closing tag for <strong>? (a) <strong/> (b) <\strong> (c) <strong> (d) </strong>
14. 14.📝 How many paragraphs does this code make?
    <p>My pets</p>
    <p>Cricket is fun.</p>
    <p>Our school trip</p>
    <p>Cricket is fun.</p>
15. 15.🔗 Which attribute holds the address of a link? (a) src (b) alt (c) id (d) href
16. 16.💪 Which justify-content value packs boxes at the end? (a) flex-end (b) flex-start (c) center (d) space-between
17. 17.📝 Which input type lets you tick many? (a) radio (b) text (c) checkbox (d) email
18. 18.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Guava</td><td>Litchi</td><td>Mango</td></tr>
    </table>
19. 19.🔠 How many heading levels does HTML have? (a) 10 (b) 6 (c) 3 (d) 4
20. 20.🧩 Which language reacts to a button click? (a) JavaScript (b) HTML (c) CSS
21. 21.💪 Which justify-content value equal gaps, none at ends? (a) space-between (b) flex-end (c) flex-start (d) center
22. 22.🚀 Which file should this code go in: <p>Hello!</p> (a) script.js (b) index.html (c) style.css
23. 23.📝 What does <br> do? (a) makes text bold (b) starts a new line (c) makes a list (d) adds a picture
24. 24.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 12; i = i + 4) {
      console.log(i);
    }
25. 25.🚀 Which file should this code go in: let score = 0; (a) style.css (b) index.html (c) script.js
26. 26.🎯 Which sign starts an id selector? (a) & (b) @ (c) # (d) .
27. 27.📱 The screen is 375px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (min-width: 768px) {
      p {
        font-size: 16px;
      }
    }
28. 28.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h5> (b) <h3> (c) <h4> (d) <h1>
29. 29.📝 Does <ul> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
30. 30.🏷️ Is </title> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
31. 31.🛡️ Before typing a password on a site, check the address starts with ___. (a) http (b) ftp (c) https (d) www
32. 32.🔍 One closing tag is missing. Which one?
    <strong>Good morning!</strong>
    <p>Hello, world!
    <h2>Our school trip</h2> (a) </strong> (b) </h1> (c) </h2> (d) </p>
33. 33.🌈 In #rrggbb, which colour do the last two digits give? (a) white (b) blue (c) green (d) red
34. 34.Which of these does HTML do? (a) reacts to a button click (b) adds space around boxes (c) counts down a timer (d) makes a form box
35. 35.⚖️ What colour is the text of this element?
    <h2 class="big" id="logo">Hi</h2>
    CSS:
    #logo { color: purple; }
    .big { color: white; }
    h2 { color: orange; } (a) white (b) purple (c) orange (d) yellow
36. 36.🔠 Which heading shows the SMALLEST text: <h2>, <h5>, <h1> or <h6>? (a) <h1> (b) <h5> (c) <h2> (d) <h6>
37. 37.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) add CSS styles (b) plan what to show (c) write the HTML (d) publish it online
38. 38.🖌️ What colour are the letters?
    h1 {
      font-size: 16px;
      background-color: red;
      text-align: right;
      color: orange;
    } (a) blue (b) orange (c) red
39. 39.🚀 What is the home page file of a website usually called? (a) home.css (b) start.js (c) main.png (d) index.html
40. 40.📋 Which list suits a shopping list in any order? (a) <br> (b) <hr> (c) <ol> (d) <ul>

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