Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 84 · 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.💬 Does the browser show comments on the page? (a) No (b) Yes
2. 2.Which of these is true of a web server? (a) stores a website’s files (b) opens web pages for us (c) is where we type code (d) has an address bar
3. 3.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 9; i++) {
     total = total + 4;
   }
   console.log(total);
4. 4.🌈 Which hex code is yellow? (a) #ff00ff (b) #00ffff (c) #ffffff (d) #ffff00
5. 5.📱 Responsive design means a page ___. (a) is only for laptops (b) never changes (c) has no pictures (d) fits every screen
6. 6.Which of these is true of a web browser? (a) colours code to help us (b) shows line numbers (c) opens web pages for us (d) saves our .html files
7. 7.🛡️ Online: is it safe to meet an online stranger? (a) not safe (b) safe
8. 8.💪 How much empty space (px) is left after the last box?
   .row {
     display: flex;
     width: 120px;
     justify-content: flex-start;
   }
   Inside are 2 boxes, each 40px wide (no margins).
9. 9.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the shorter one (c) the later one (d) the first one
10. 10.🔢 To build and share your first web page, which comes LAST? (a) test in a browser (b) add CSS styles (c) write the HTML (d) publish it online
11. 11.🧩 An opening tag + content + a closing tag together make an ___. (a) address (b) editor (c) element (d) attribute
12. 12.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="sport"> Football
      <input type="radio" name="sport"> Chess
      <input type="radio" name="sport"> Cricket
      <input type="radio" name="sport"> Kabaddi
      <input type="radio" name="sport"> Hockey
    </form>
13. 13.⚡ Which JavaScript word writes in the console? (a) alert() (b) console.log() (c) let (d) for
14. 14.🔒 Is the connection to this address scrambled (encrypted)?
    http://school.example.in/games/chess.html (a) No (b) Yes
15. 15.What is <input type="checkbox"> for? (a) lets you pick only one (b) lets you tick many (c) picks a day (d) hides what you type
16. 16.True or false: <img src="cat.png"> goes in style.css. (a) True (b) False
17. 17.True or false: <input type="date"> picks a day. (a) False (b) True
18. 18.Which of these does CSS do? (a) makes a form box (b) reacts to a button click (c) adds space around boxes (d) puts a picture on a page
19. 19.📝 Which tag gives a form box a name you can click? (a) <h1> (b) <label> (c) <hr> (d) <title>
20. 20.✍️ How does a CSS comment start? (a) # (b) /* (c) <!-- (d) //
21. 21.True or false: HTML puts a picture on a page. (a) False (b) True
22. 22.🔤 In “HTML”, what does the L stand for? (a) Line (b) Language (c) Laptop (d) Link
23. 23.🔗 Which words do you click on?
    <a href="about.html">School news</a> (a) href (b) about.html (c) Take the quiz (d) School news
24. 24.🌈 Which colour is rgb(0, 0, 0)? (a) black (b) red (c) cyan (d) magenta
25. 25.🔠 Which heading shows the BIGGEST text: <h4>, <h3>, <h5> or <h6>? (a) <h5> (b) <h4> (c) <h6> (d) <h3>
26. 26.🔁 Which word runs code only when something is true? (a) let (b) if (c) log (d) for
27. 27.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="300"> (a) width (b) map.png (c) Map of India (d) Birthday cake
28. 28.True or false: to check for https first is not safe. (a) True (b) False
29. 29.True or false: to keep passwords secret is safe. (a) True (b) False
30. 30.📝 Which input type sends the form? (a) date (b) radio (c) submit (d) password
31. 31.Which of these is not safe to do online? (a) tell a trusted adult (b) log out on shared PCs (c) use a nickname in games (d) meet an online stranger
32. 32.✍️ What is the selector in this CSS rule?
    .box {
      padding: 8px;
      background-color: yellow;
      color: red;
    } (a) h2 (b) yellow (c) padding (d) .box
33. 33.🌍 What is the domain name in this URL?
    http://kids.example.org/news/today.html (a) school.example.in (b) /news/today.html (c) http (d) kids.example.org
34. 34.🔗 Which attribute holds the address of a link? (a) id (b) src (c) alt (d) href
35. 35.What does font-weight do? (a) makes the text bold (b) centres a heading (c) picks the font style (d) makes letters bigger
36. 36.✍️ How many declarations (property: value pairs) are in this rule?
    .box {
      margin: 10px;
      color: red;
    }
37. 37.🧩 Which language lays out the page? (a) CSS (b) JavaScript (c) HTML
38. 38.Which of these is true of a code editor? (a) opens web pages for us (b) has an address bar (c) shows pages from the web (d) saves our .html files
39. 39.🎯 What kind of selector is .note? (a) a class selector (b) an element selector (c) an id selector
40. 40.🔍 Which is the odd one out? (a) gives the page structure (b) changes the text size (c) makes headings and lists (d) makes a form box

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