Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 483 · 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 is the odd one out? (a) changes the page live (b) makes headings and lists (c) counts down a timer (d) reacts to a button click
2. 2.🔠 Which heading shows the SMALLEST text: <h3>, <h1>, <h2> or <h6>? (a) <h1> (b) <h2> (c) <h3> (d) <h6>
3. 3.True or false: a web browser has an address bar. (a) False (b) True
4. 4.True or false: HTTPS asks for a web page. (a) False (b) True
5. 5.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="kite.png" alt="A red kite" width="50"> (a) width (b) A red kite (c) Map of India (d) kite.png
6. 6.🔗 Where does this link open?
   <a href="games.html" target="_blank">School news</a> (a) in a new tab (b) in the same tab
7. 7.⚡ What does this code print? (Look at the quotes!)
   let x = "2";
   let y = 5;
   console.log(x + y); (a) 7 (b) 25 (c) Error
8. 8.True or false: padding is the gap round content. (a) False (b) True
9. 9.📄 Where does <ul> go: in the head or in the body? (a) in the head (b) in the body
10. 10.🔤 In “HTML”, what does the L stand for? (a) Link (b) Laptop (c) Language (d) Line
11. 11.🏷️ Which is the closing tag for <u>? (a) <u> (b) <\u> (c) <u/> (d) </u>
12. 12.💬 How does an HTML comment end? (a) >> (b) --> (c) // (d) */
13. 13.True or false: in <img>, alt sets how tall it is. (a) False (b) True
14. 14.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Jamun</td><td>Papaya</td><td>Jamun</td></tr>
      <tr><td>Grapes</td><td>Papaya</td><td>Litchi</td></tr>
    </table>
15. 15.🌗 Is white on black easy or hard to read? (a) easy to read (b) hard to read
16. 16.🌐 Which one is where we type code? (a) a code editor (b) a web server (c) a web browser
17. 17.📝 What do we need to write HTML? (a) a paintbrush (b) a printer (c) a microphone (d) a plain text editor
18. 18.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Papaya</td><td>Jamun</td></tr>
      <tr><td>Guava</td><td>Banana</td></tr>
      <tr><td>Mango</td><td>Papaya</td></tr>
    </table>
19. 19.🏷️ Which is the closing tag for <strong>? (a) </strong> (b) <strong> (c) <\strong> (d) <strong/>
20. 20.🏷️ Is </h1> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
21. 21.📱 The screen is 820px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 10px;
      }
    } (a) No (b) Yes
22. 22.🔗 Which words do you click on?
    <a href="quiz.html">Play games</a> (a) About us (b) quiz.html (c) href (d) Play games
23. 23.🔐 Is password a strong or a weak password? (a) strong (b) weak
24. 24.🔢 In a basic web page file, which comes LAST? (a) </body> (b) </head> (c) <head> (d) </html>
25. 25.🔢 When you open a web page, what comes right after “you type the URL”? (a) the browser shows it (b) the server sends files (c) DNS finds the server (d) the browser asks it
26. 26.📦 In the box model, which part is the text or picture? (a) content (b) padding (c) margin (d) border
27. 27.Which of these does JavaScript do? (a) adds space around boxes (b) makes a link (c) checks a quiz answer (d) puts a picture on a page
28. 28.🔠 How many heading levels does HTML have? (a) 6 (b) 3 (c) 10 (d) 4
29. 29.📱 What does a media query check? (a) the page title (b) the battery level (c) the time of day (d) the screen width
30. 30.🌈 Which hex code is bright green? (a) #ff0000 (b) #ffffff (c) #000000 (d) #00ff00
31. 31.🔤 In “HTML”, what do the letters HT stand for? (a) Home Text (b) High Tech (c) HyperText (d) Hot Tags
32. 32.What does justify-content: flex-start do? (a) packs boxes at the start (b) equal gaps, none at ends (c) puts boxes in the middle (d) packs boxes at the end
33. 33.📱 The screen is 320px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (max-width: 480px) {
      p {
        font-size: 22px;
      }
    }
34. 34.Which of these is not safe to do online? (a) check for https first (b) tell a trusted adult (c) type a password on http (d) ask before downloading
35. 35.⚡ What number does this code print?
    let books = 19;
    books = books + 2;
    books = books - 16;
    console.log(books);
36. 36.🧩 Which language counts down a timer? (a) CSS (b) HTML (c) JavaScript
37. 37.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 9; i++) {
      total = total + i;
    }
    console.log(total);
38. 38.🔍 Which line is missing its closing tag?
    line 1: <b>I love mangoes.
    line 2: <h1>Good morning!</h1>
    line 3: <h2>My best friend</h2> (a) line 2 (b) line 3 (c) line 1
39. 39.🚀 Which file should this code go in: <a href="a.html">Go</a> (a) style.css (b) index.html (c) script.js
40. 40.💬 Which text will NOT show on the page?
    <p>The red kite</p>
    <!-- <p>My best friend</p> -->
    <p>I love mangoes.</p> (a) My best friend (b) The red kite (c) I love mangoes.

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