Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 516 · 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.✍️ CSS declarations go inside which brackets? (a) [ ] (b) < > (c) ( ) (d) { }
2. 2.✍️ What value is given to font-style in this rule?
   .box {
     border: 2px solid;
     font-style: italic;
     padding: 8px;
   } (a) 20px (b) font-style (c) red (d) italic
3. 3.🔒 What does the lock (HTTPS) in the address bar mean? (a) the data is scrambled (b) the site is free (c) the site is a game (d) the site is fast
4. 4.🌐 Which one saves our .html files? (a) a web browser (b) a web server (c) a code editor
5. 5.✍️ Which property is set to red in this rule?
   h1 {
     padding: 8px;
     color: red;
   } (a) font-size (b) red (c) text-align (d) color
6. 6.⚖️ Which selector is the strongest? (a) an id selector (b) a class selector (c) an element selector
7. 7.Which of these is true of a web browser? (a) saves our .html files (b) opens web pages for us (c) hosts websites online (d) colours code to help us
8. 8.🛡️ Online: is it safe to type a password on http? (a) not safe (b) safe
9. 9.📝 Does <hr> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
10. 10.✍️ Which sign goes between a property and its value? (a) : (b) = (c) - (d) ;
11. 11.🧩 Which language makes a form box? (a) JavaScript (b) HTML (c) CSS
12. 12.⚡ What number does this code print?
    let a = 18;
    let b = 2;
    console.log(a - b);
13. 13.🖼️ Does <img> need a closing tag? (a) Yes (b) No
14. 14.🧩 Which language counts down a timer? (a) HTML (b) CSS (c) JavaScript
15. 15.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <p>I love mangoes.</p>
    <h4>Fun facts</h4>
16. 16.True or false: HTML makes headings and lists. (a) False (b) True
17. 17.🏷️ Is <body> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
18. 18.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 300px;
      justify-content: center;
    }
    Inside are 2 boxes, each 80px wide (no margins).
19. 19.⚡ Which JavaScript word repeats code? (a) for (b) console.log() (c) if (d) let
20. 20.🔠 Which heading shows the SMALLEST text: <h2>, <h3>, <h6> or <h1>? (a) <h1> (b) <h2> (c) <h6> (d) <h3>
21. 21.🏷️ What does a closing tag have that an opening tag does not? (a) a slash / (b) a dot . (c) a hash # (d) a dollar $
22. 22.🏷️ Is <b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
23. 23.🌈 In #rrggbb, which colour do the first two digits give? (a) black (b) red (c) blue (d) green
24. 24.🔐 Is iloveyou a strong or a weak password? (a) strong (b) weak
25. 25.💪 Which flexbox property lines boxes up across? (a) align-items (b) flex-direction (c) gap (d) display: flex
26. 26.Which of these does JavaScript do? (a) makes a form box (b) gives the page structure (c) puts a picture on a page (d) reacts to a button click
27. 27.📋 How many items does this list show?
    <ol>
      <li>Banana</li>
      <li>Litchi</li>
      <li>Mango</li>
      <li>Guava</li>
      <li>Papaya</li>
      <li>Jamun</li>
    </ol>
28. 28.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 200px;
      justify-content: flex-start;
    }
    Inside are 2 boxes, each 80px wide (no margins).
29. 29.🛡️ Online: is it safe to put secrets in comments? (a) safe (b) not safe
30. 30.🚀 Which file should this code go in: <p>Hello!</p> (a) style.css (b) script.js (c) index.html
31. 31.🧭 Who is helped most by semantic tags? (a) screen-reader users (b) only the server (c) nobody (d) only the printer
32. 32.🖌️ What colour are the letters?
    li {
      background-color: orange;
      font-size: 20px;
      text-align: left;
      color: white;
    } (a) blue (b) orange (c) white
33. 33.True or false: “images with no alt” helps everyone use the page. (a) False (b) True
34. 34.What does font-size do? (a) sets the letter colour (b) makes letters bigger (c) colours behind the text (d) picks the font style
35. 35.🔢 To build and share your first web page, which comes LAST? (a) plan what to show (b) publish it online (c) add CSS styles (d) test in a browser
36. 36.🧭 Why use <nav> instead of <div> for a menu? (a) it makes text red (b) it adds pictures (c) it tells its meaning (d) it loads faster
37. 37.🔗 Which words do you click on?
    <a href="games.html">About us</a> (a) Contact us (b) href (c) About us (d) games.html
38. 38.🔒 Is the connection to this address scrambled (encrypted)?
    https://school.example.in/maths/tables.html (a) Yes (b) No
39. 39.📦 In the box model, which part is space inside the border? (a) padding (b) border (c) content (d) margin
40. 40.🔍 Which line is missing its closing tag?
    line 1: <strong>Rain today</strong>
    line 2: <b>Our school trip
    line 3: <u>Fun facts</u> (a) line 1 (b) line 3 (c) line 2

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