Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 999 · 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.📊 Where do <td> cells go? (a) inside the <head> (b) inside a <li> (c) inside a <tr> (d) inside a <p>
2. 2.🔠 Which tag is the least important heading? (a) <p> (b) <h3> (c) <h1> (d) <h6>
3. 3.🔍 Which line is missing its closing tag?
   line 1: <em>I love mangoes.</em>
   line 2: <u>Rain today</u>
   line 3: <h1>Fun facts (a) line 3 (b) line 1 (c) line 2
4. 4.Which of these is safe to do online? (a) meet an online stranger (b) click prize links (c) share your password (d) use a nickname in games
5. 5.🔢 In a basic web page file, which comes first: “<html>” or “</html>”? (a) <html> (b) </html>
6. 6.📊 How many heading cells (<th>) does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th></tr>
     <tr><td>Litchi</td><td>Banana</td></tr>
   </table>
7. 7.⚖️ Which selector is the weakest? (a) a class selector (b) an id selector (c) an element selector
8. 8.🔗 Where does this link open?
   <a href="games.html">Maths fun</a> (a) in the same tab (b) in a new tab
9. 9.🏷️ Every HTML tag starts with which sign? (a) < (b) [ (c) ( (d) {
10. 10.⚖️ What colour is the text of this element?
    <p class="red" id="top">Hi</p>
    CSS:
    p { color: white; }
    .red { color: purple; } (a) purple (b) blue (c) red (d) white
11. 11.📝 Which input type lets you pick only one? (a) email (b) password (c) radio (d) number
12. 12.True or false: margin is the gap to other boxes. (a) False (b) True
13. 13.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 40px;
      padding: 20px;
      border: 2px solid black;
      margin: 15px;
    }
14. 14.🎯 Which sign starts a class selector? (a) # (b) . (c) @ (d) &
15. 15.🔠 Which heading shows the BIGGEST text: <h6>, <h2>, <h1> or <h5>? (a) <h2> (b) <h6> (c) <h5> (d) <h1>
16. 16.🎨 Which tag holds CSS inside the head? (a) <body> (b) <script> (c) <css> (d) <style>
17. 17.🖌️ Where does the text sit on its line?
    h1 {
      color: purple;
      text-align: left;
      font-size: 20px;
      background-color: red;
    } (a) on the right (b) on the left (c) in the middle
18. 18.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <p>Rain today</p>
    <!-- <p>My best friend</p> -->
    <!-- <p>My pets</p> -->
    <!-- <p>The red kite</p> -->
19. 19.Which of these is the content? (a) space inside the border (b) the text or picture (c) the gap to other boxes (d) a solid or dotted edge
20. 20.🔍 Which is the odd one out? (a) reacts to a button click (b) changes the text size (c) changes the page live (d) counts down a timer
21. 21.True or false: in <img>, height tells which image to load. (a) True (b) False
22. 22.🔒 Is the connection to this address scrambled (encrypted)?
    https://kids.example.org/index.html (a) No (b) Yes
23. 23.🖌️ Where does the text sit on its line?
    h2 {
      font-size: 40px;
      background-color: white;
      color: green;
      text-align: center;
    } (a) on the left (b) in the middle (c) on the right
24. 24.📄 Can HTML on its own make a form? (a) No (b) Yes
25. 25.Which of these is true of a web server? (a) saves our .html files (b) shows line numbers (c) is where we type code (d) stores a website’s files
26. 26.📝 How many paragraphs does this code make?
    <p>Rain today</p>
    <h2>Cricket is fun.</h2>
    <p>My best friend</p>
    <h2>My best friend</h2>
27. 27.True or false: <img> is an empty tag. (a) False (b) True
28. 28.🔗 Where does this link open?
    <a href="about.html">Play games</a> (a) in the same tab (b) in a new tab
29. 29.🌈 Which colour is #000000? (a) yellow (b) blue (c) bright green (d) black
30. 30.Which of these does JavaScript do? (a) gives the page structure (b) sets colours and fonts (c) counts down a timer (d) puts a picture on a page
31. 31.🔍 Which is the odd one out? (a) is where we type code (b) saves our .html files (c) has an address bar (d) shows line numbers
32. 32.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 190px;
      padding: 5px;
      border: 3px solid black;
      margin: 0px;
    }
33. 33.🔠 Which heading shows the SMALLEST text: <h1>, <h6>, <h2> or <h4>? (a) <h6> (b) <h4> (c) <h2> (d) <h1>
34. 34.🌈 In #0000b8 the blue part is the hex number b8. What is it as a normal number?
35. 35.🌈 In #rrggbb, which colour do the last two digits give? (a) white (b) green (c) blue (d) red
36. 36.⚡ Which JavaScript word shows a pop-up box? (a) alert() (b) for (c) if (d) console.log()
37. 37.🏷️ Is <title> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
38. 38.True or false: <ul> is an ordered list. (a) False (b) True
39. 39.📊 Which tag makes one table row? (a) <td> (b) <tr> (c) <table> (d) <th>
40. 40.🧩 Which language changes the text size? (a) HTML (b) CSS (c) JavaScript

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