Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 5 · 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 tag puts a picture on a page? (a) <p> (b) <a> (c) <pic> (d) <img>
2. 2.🔠 Are headings shown in bold by default? (a) No (b) Yes
3. 3.🔍 Which is the odd one out? (a) shows a pop-up message (b) counts down a timer (c) gives the page structure (d) reacts to a button click
4. 4.True or false: <a href="a.html">Go</a> goes in index.html. (a) True (b) False
5. 5.📄 Can HTML on its own count button clicks? (a) Yes (b) No
6. 6.💬 Why do coders write comments? (a) to make links (b) to leave notes (c) to show pictures (d) to add colour
7. 7.⚡ What does this code print? (Look at the quotes!)
   let x = "5";
   let y = 4;
   console.log(x + y); (a) 9 (b) Error (c) 54
8. 8.Which of these is a strong password? (a) Kite_Fl1es@Dawn (b) iloveyou (c) qwerty (d) 123456
9. 9.Which of these does CSS do? (a) reacts to a button click (b) makes a link (c) sets colours and fonts (d) changes the page live
10. 10.🌍 What does a web address (URL) tell the browser? (a) where the page is (b) your password (c) how old you are (d) the page colour
11. 11.True or false: <p> goes in the head. (a) False (b) True
12. 12.Which of these is a strong password? (a) 111111 (b) Mango#Kite29! (c) qwerty (d) password
13. 13.🌍 Which one scrambles data on its way? (a) HTTPS (b) the browser (c) the server (d) the URL
14. 14.💬 Which text will NOT show on the page?
    <p>I love mangoes.</p>
    <p>Our school trip</p>
    <!-- <p>The red kite</p> --> (a) The red kite (b) Our school trip (c) I love mangoes.
15. 15.🔠 How many heading levels does HTML have? (a) 3 (b) 4 (c) 10 (d) 6
16. 16.🔁 How many times does this code print “Hello”?
    for (let i = 3; i < 7; i++) {
      console.log("Hello");
    }
17. 17.Which of these is true of <aside>? (a) helps you move around (b) holds extra side notes (c) sits at the very top (d) holds the main content
18. 18.🔗 Which address opens when you click this link?
    <a href="art.html">Maths fun</a> (a) news.html (b) Maths fun (c) art.html (d) quiz.html
19. 19.🏷️ Which is the closing tag for <strong>? (a) <strong/> (b) </strong> (c) <strong> (d) <\strong>
20. 20.🔗 Which code links to about.html? (a) <a src="about.html"> (b) <link about.html> (c) <a alt="about.html"> (d) <a href="about.html">
21. 21.⚖️ Which selector is the strongest? (a) an element selector (b) a class selector (c) an id selector
22. 22.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="dog.jpg" alt="A happy dog" width="100"> (a) A happy dog (b) width (c) The full moon (d) dog.jpg
23. 23.✍️ Which property is set to center in this rule?
    .box {
      text-align: center;
      color: red;
      margin: 10px;
      padding: 8px;
    } (a) background-color (b) center (c) margin (d) text-align
24. 24.🌍 What is the domain name in this URL?
    https://school.example.in/art/gallery.html (a) www.example.net (b) /art/gallery.html (c) https (d) school.example.in
25. 25.True or false: “images with no alt” helps everyone use the page. (a) True (b) False
26. 26.What does font-weight do? (a) sets the letter colour (b) makes the text bold (c) makes letters bigger (d) centres a heading
27. 27.True or false: <footer> holds one blog post. (a) True (b) False
28. 28.📊 How many cells are in each row?
    <table>
      <tr><td>Jamun</td><td>Jamun</td></tr>
      <tr><td>Jamun</td><td>Banana</td></tr>
    </table>
29. 29.🔗 Which words do you click on?
    <a href="maths.html">Play games</a> (a) href (b) About us (c) maths.html (d) Play games
30. 30.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is fast (b) the site is free (c) the data is scrambled (d) the site is a game
31. 31.🎨 Which tag connects an outside CSS file? (a) <link> (b) <css> (c) <a> (d) <img>
32. 32.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <h2>Hello, world!</h2>
    <h2>My pets</h2>
    <h2>My best friend</h2>
    <p>I love mangoes.</p>
    <h2>Our school trip</h2>
33. 33.True or false: <article> holds one blog post. (a) False (b) True
34. 34.Which of these is true of <main>? (a) holds the main content (b) holds extra side notes (c) holds a side box of tips (d) holds copyright notes
35. 35.🎯 What kind of selector is .big? (a) a class selector (b) an element selector (c) an id selector
36. 36.📝 What does <p> make? (a) a link (b) a picture (c) a table (d) a paragraph
37. 37.True or false: <meta charset="utf-8"> goes in the head. (a) True (b) False
38. 38.📊 How many rows does this table have?
    <table>
      <tr><td>Guava</td><td>Guava</td><td>Banana</td><td>Banana</td></tr>
      <tr><td>Papaya</td><td>Jamun</td><td>Papaya</td><td>Guava</td></tr>
      <tr><td>Jamun</td><td>Mango</td><td>Jamun</td><td>Grapes</td></tr>
      <tr><td>Banana</td><td>Mango</td><td>Mango</td><td>Guava</td></tr>
    </table>
39. 39.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 19; i = i + 3) {
      console.log(i);
    }
40. 40.📝 Which input type picks a day? (a) submit (b) number (c) checkbox (d) date

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