Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 728 · 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 tag puts a picture on a page? (a) <img> (b) <pic> (c) <p> (d) <a>
2. 2.📝 Which tag holds a whole form? (a) <table> (b) <input> (c) <ol> (d) <form>
3. 3.🔗 Where does this link open?
   <a href="https://example.com" target="_blank">About us</a> (a) in the same tab (b) in a new tab
4. 4.🧩 Which language makes a link? (a) CSS (b) HTML (c) JavaScript
5. 5.True or false: <ol> is an unordered list. (a) False (b) True
6. 6.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h3> or <h4>? (a) <h4> (b) <h2> (c) <h3> (d) <h1>
7. 7.🌍 What is the protocol in this URL?
   http://www.example.com/news/today.html (a) /news/today.html (b) http (c) www.example.com (d) https
8. 8.🌍 What does a web address (URL) tell the browser? (a) your password (b) how old you are (c) the page colour (d) where the page is
9. 9.🔠 Which heading shows the BIGGEST text: <h2>, <h4>, <h3> or <h6>? (a) <h2> (b) <h4> (c) <h6> (d) <h3>
10. 10.⚡ Which tag holds JavaScript in a page? (a) <code> (b) <style> (c) <script> (d) <js>
11. 11.⚖️ What colour is the text of this element?
    <p class="red" id="hero">Hi</p>
    CSS:
    p { color: red; }
    .red { color: orange; }
    #hero { color: purple; } (a) orange (b) red (c) black (d) purple
12. 12.🧩 Which language rounds box corners? (a) JavaScript (b) CSS (c) HTML
13. 13.♿ Does this help everyone, or make the page harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
14. 14.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) index.html (b) Here is my best one. (c) All about me (d) My Hobbies
15. 15.🌈 Which colour of light is strongest in rgb(57, 89, 208)? (a) blue (b) green (c) red
16. 16.True or false: <br> is an empty tag. (a) False (b) True
17. 17.💬 How many paragraphs show on the page?
    <!-- <p>Fun facts</p> -->
    <!-- <p>Good morning!</p> -->
    <!-- <p>Hello, world!</p> -->
    <p>Our school trip</p>
18. 18.💬 Which text will NOT show on the page?
    <p>My pets</p>
    <p>Our school trip</p>
    <!-- <p>Cricket is fun.</p> -->
    <p>My best friend</p> (a) My best friend (b) My pets (c) Cricket is fun. (d) Our school trip
19. 19.Which of these is margin? (a) space inside the border (b) space outside the border (c) the gap round content (d) the line round the box
20. 20.True or false: to share your OTP is safe. (a) True (b) False
21. 21.✍️ Which property is set to 20px in this rule?
    .box {
      padding: 8px;
      font-style: italic;
      background-color: yellow;
      font-size: 20px;
    } (a) text-align (b) 20px (c) background-color (d) font-size
22. 22.Which of these does CSS do? (a) changes the page live (b) makes headings and lists (c) lays out the page (d) gives the page structure
23. 23.🔍 Which is the odd one out? (a) reacts to a button click (b) shows a pop-up message (c) makes headings and lists (d) changes the page live
24. 24.💬 Which text will NOT show on the page?
    <p>Our school trip</p>
    <p>Hello, world!</p>
    <!-- <p>Good morning!</p> --> (a) Good morning! (b) Hello, world! (c) Our school trip
25. 25.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>My drawings</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) Cricket Club (b) My drawings (c) index.html (d) We won by 5 runs.
26. 26.🖌️ What colour are the letters?
    h1 {
      font-size: 36px;
      color: red;
      text-align: left;
      background-color: blue;
    } (a) blue (b) red (c) green
27. 27.🧭 Which semantic tag sits at the very top? (a) <main> (b) <header> (c) <aside> (d) <footer>
28. 28.🌈 Which hex code is magenta? (a) #ffff00 (b) #ff00ff (c) #0000ff (d) #00ffff
29. 29.True or false: <footer> holds a news story. (a) False (b) True
30. 30.🏷️ Is <p> 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) www (b) https (c) ftp (d) http
32. 32.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
33. 33.✍️ Which sign goes between a property and its value? (a) = (b) : (c) - (d) ;
34. 34.True or false: HTML on its own can add pictures to a page. (a) False (b) True
35. 35.🖌️ What colour are the letters?
    h1 {
      text-align: center;
      font-size: 20px;
      background-color: blue;
      color: orange;
    } (a) orange (b) blue (c) green
36. 36.🧱 HTML gives a web page its ___. (a) speed (b) structure (c) colours (d) sound
37. 37.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 190px;
      padding: 10px;
      border: 1px solid black;
      margin: 20px;
    }
38. 38.⚡ Which word makes a new variable? (a) let (b) make (c) give (d) put
39. 39.✍️ How does a CSS comment start? (a) // (b) <!-- (c) # (d) /*
40. 40.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Jamun</td><td>Grapes</td></tr>
    </table>

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