Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 628 · 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 colour is behind the letters?
   h1 {
     background-color: black;
     color: blue;
     text-align: center;
     font-size: 32px;
   } (a) yellow (b) black (c) blue
2. 2.🧩 Which language makes a form box? (a) CSS (b) HTML (c) JavaScript
3. 3.True or false: HTML on its own cannot make tables. (a) True (b) False
4. 4.True or false: a web server answers page requests. (a) False (b) True
5. 5.🎯 Which element does the selector #main style? (a) <span class="main"> (b) <p class="red"> (c) <span id="logo"> (d) <span id="main">
6. 6.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 3; i++) {
     total = total + 7;
   }
   console.log(total);
7. 7.⚖️ What colour is the text of this element?
   <h1 class="star" id="main">Hi</h1>
   CSS:
   #main { color: orange; }
   .star { color: red; }
   h1 { color: white; } (a) orange (b) purple (c) red (d) white
8. 8.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is fast (b) the data is scrambled (c) the site is a game (d) the site is free
9. 9.⚡ Which tag holds JavaScript in a page? (a) <style> (b) <js> (c) <script> (d) <code>
10. 10.🔠 Which heading shows the BIGGEST text: <h3>, <h1>, <h4> or <h2>? (a) <h4> (b) <h3> (c) <h1> (d) <h2>
11. 11.True or false: <input type="radio"> is for an email address. (a) False (b) True
12. 12.True or false: <td> makes a heading cell. (a) True (b) False
13. 13.📋 Which list tag goes inside ul or ol? (a) <li> (b) <ol> (c) <ul>
14. 14.🧭 Which semantic tag holds the menu of links? (a) <aside> (b) <footer> (c) <nav> (d) <article>
15. 15.♿ Does this help everyone, or make the page harder to use: add alt text to images? (a) helps everyone (b) makes it harder
16. 16.🧭 Who is helped most by semantic tags? (a) screen-reader users (b) only the printer (c) nobody (d) only the server
17. 17.🔍 Which is the odd one out? (a) turns HTML into a page (b) has an address bar (c) colours code to help us (d) shows pages from the web
18. 18.True or false: <h1> has a closing tag. (a) False (b) True
19. 19.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>Good morning!</p>
    <h3>My pets</h3>
    <p>Fun facts</p>
    <p>The red kite</p>
20. 20.True or false: to download from pop-ups is not safe. (a) False (b) True
21. 21.What does justify-content: center do? (a) packs boxes at the start (b) packs boxes at the end (c) puts boxes in the middle (d) equal gaps, none at ends
22. 22.📄 Can HTML on its own make bullet lists? (a) No (b) Yes
23. 23.🔗 Which attribute holds the address of a link? (a) id (b) src (c) alt (d) href
24. 24.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 260px;
      padding: 5px;
      border: 4px solid black;
      margin: 10px;
    }
25. 25.🔍 One closing tag is missing. Which one?
    <p>My best friend</p>
    <small>Good morning!</small>
    <u>Our school trip (a) </p> (b) </u> (c) </em> (d) </small>
26. 26.🔗 Which words do you click on?
    <a href="contact.html">About us</a> (a) href (b) Contact us (c) contact.html (d) About us
27. 27.🧭 How many <main> parts should a page have? (a) none (b) one (c) three (d) ten
28. 28.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 10 (c) 3 (d) 1
29. 29.📊 In a table, which tag is a row? (a) <tr> (b) <th> (c) <tb> (d) <td>
30. 30.📝 Does <p> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
31. 31.🔗 Which words do you click on?
    <a href="about.html">Maths fun</a> (a) href (b) about.html (c) Art corner (d) Maths fun
32. 32.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 12; i = i + 4) {
      console.log(i);
    }
33. 33.🔍 Which is the odd one out? (a) sends pages over the net (b) turns HTML into a page (c) answers page requests (d) hosts websites online
34. 34.🔍 One closing tag is missing. Which one?
    <small>Fun facts
    <strong>Hello, world!</strong>
    <em>Cricket is fun.</em> (a) </em> (b) </u> (c) </strong> (d) </small>
35. 35.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 260px;
      padding: 30px;
      border: 3px solid black;
      margin: 0px;
    }
36. 36.🧩 Which language counts down a timer? (a) CSS (b) HTML (c) JavaScript
37. 37.True or false: a web server opens web pages for us. (a) True (b) False
38. 38.⚡ What does alert() show? (a) a table (b) a pop-up box (c) a picture (d) a new tab
39. 39.Which of these has a closing tag? (a) <li> (b) <meta> (c) <hr> (d) <img>
40. 40.🖼️ Which tag puts a picture on a page? (a) <img> (b) <pic> (c) <a> (d) <p>

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