Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 30 · 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 of these is a strong password? (a) iloveyou (b) riya2014 (c) Chai$Cup_19x (d) password
2. 2.What is <input type="submit"> for? (a) lets you tick many (b) is for an email address (c) hides what you type (d) sends the form
3. 3.📝 On how many lines does the browser show this paragraph?
   <p>Stars shine<br>Sky is blue<br>Rivers flow<br>Birds sing<br>Kites fly high</p>
4. 4.🔠 How many headings are in this code?
   <h1>Our school trip</h1>
   <p>My best friend</p>
   <p>Cricket is fun.</p>
5. 5.📝 What does a password box show instead of letters? (a) dots (b) capital letters (c) emojis (d) numbers
6. 6.Which of these does JavaScript do? (a) reacts to a button click (b) sets colours and fonts (c) rounds box corners (d) puts a picture on a page
7. 7.📊 How many cells does this table have in all?
   <table>
     <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
     <tr><td>Papaya</td><td>Jamun</td><td>Mango</td><td>Jamun</td></tr>
   </table>
8. 8.🔗 Which address opens when you click this link?
   <a href="games.html">Take the quiz</a> (a) Take the quiz (b) about.html (c) games.html (d) contact.html
9. 9.🔗 Where does this link open?
   <a href="contact.html" target="_blank">Play games</a> (a) in a new tab (b) in the same tab
10. 10.🧭 Why use <nav> instead of <div> for a menu? (a) it adds pictures (b) it loads faster (c) it makes text red (d) it tells its meaning
11. 11.🔁 What does this code print?
    let temp = 37;
    if (temp > 33) {
      console.log("Hot");
    } else {
      console.log("Cool");
    } (a) Hot (b) Cool
12. 12.🔗 What does target="_blank" do to a link? (a) hides the link (b) makes it blank (c) opens it in a new tab (d) makes it bold
13. 13.🌈 Which colour is rgb(255, 255, 255)? (a) black (b) white (c) yellow (d) cyan
14. 14.True or false: to check for https first is not safe. (a) True (b) False
15. 15.Which of these is true of a web server? (a) shows line numbers (b) has an address bar (c) opens web pages for us (d) hosts websites online
16. 16.🔁 When does the else part run? (a) when if is false (b) never (c) when if is true (d) always
17. 17.⚖️ What colour is the text of this element?
    <h2 class="red" id="main">Hi</h2>
    CSS:
    h2 { color: yellow; }
    h2 { color: white; } (a) green (b) white (c) yellow (d) red
18. 18.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>I love mangoes.</p>
    <p>Rain today</p>
    <h3>Hello, world!</h3>
19. 19.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="fruit"> Papaya
      <input type="checkbox" name="fruit"> Mango
      <input type="checkbox" name="fruit"> Guava
    </form>
20. 20.🌍 Which program shows a web page to us? (a) a music player (b) a web browser (c) a paint program (d) a calculator
21. 21.💪 Which flexbox property spaces boxes along a row? (a) align-items (b) flex-direction (c) justify-content (d) gap
22. 22.🌈 Which colour of light is strongest in rgb(161, 99, 64)? (a) green (b) blue (c) red
23. 23.True or false: a web server turns HTML into a page. (a) True (b) False
24. 24.Which colour pair is hard to read? (a) black on white (b) pink on red (c) white on black (d) dark grey on white
25. 25.True or false: in <img>, alt shows if the image fails. (a) True (b) False
26. 26.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) click it twice (b) type the password (c) share it with friends (d) close it, tell an adult
27. 27.🔗 Which code links to about.html? (a) <a alt="about.html"> (b) <a src="about.html"> (c) <link about.html> (d) <a href="about.html">
28. 28.🔠 Which heading shows the SMALLEST text: <h2>, <h3>, <h4> or <h1>? (a) <h4> (b) <h2> (c) <h3> (d) <h1>
29. 29.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Mango</td><td>Orange</td><td>Orange</td></tr>
      <tr><td>Jamun</td><td>Jamun</td><td>Jamun</td></tr>
    </table>
30. 30.🖼️ Does <img> need a closing tag? (a) No (b) Yes
31. 31.⚖️ What colour is the text of this element?
    <h2 class="note" id="top">Hi</h2>
    CSS:
    .note { color: red; }
    h2 { color: black; } (a) red (b) black (c) purple (d) blue
32. 32.🔢 On a typical page, from top to bottom, what comes right after “<main>”? (a) <nav> (b) <footer> (c) <header>
33. 33.🌈 Which colour is rgb(0, 255, 255)? (a) magenta (b) white (c) cyan (d) red
34. 34.💬 How many paragraphs show on the page?
    <p>The red kite</p>
    <p>Good morning!</p>
    <!-- <p>Our school trip</p> -->
35. 35.📝 What does <p> make? (a) a link (b) a paragraph (c) a table (d) a picture
36. 36.⚡ Where does console.log() show its output? (a) in the console (b) on the title bar (c) in the address bar (d) on the printer
37. 37.✍️ How many declarations (property: value pairs) are in this rule?
    body {
      margin: 10px;
      border: 2px solid;
      font-style: italic;
      text-align: center;
    }
38. 38.📝 How many paragraphs does this code make?
    <p>Our school trip</p>
    <p>Hello, world!</p>
    <h2>Rain today</h2>
    <p>The red kite</p>
39. 39.💪 Which justify-content value puts boxes in the middle? (a) space-between (b) flex-start (c) center (d) flex-end
40. 40.Which of these is true of <main>? (a) holds a side box of tips (b) sits at the very top (c) holds copyright notes (d) is the page’s key part

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