Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 441 · 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.📊 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>Jamun</td><td>Mango</td><td>Orange</td><td>Papaya</td></tr>
   </table>
2. 2.🔠 How many heading levels does HTML have? (a) 6 (b) 10 (c) 4 (d) 3
3. 3.Which of these goes in the head? (a) <style> (b) <h1> (c) <table> (d) <img>
4. 4.🧩 Which language gives the page structure? (a) HTML (b) JavaScript (c) CSS
5. 5.🔁 What does this code print?
   let score = 13;
   if (score > 41) {
     console.log("You win");
   } else {
     console.log("Play again");
   } (a) Play again (b) You win
6. 6.🎯 Which element does the selector span style? (a) <h2 id="end"> (b) <span class="menu"> (c) <h1 class="menu"> (d) <p>
7. 7.🌗 Is pink on red easy or hard to read? (a) easy to read (b) hard to read
8. 8.True or false: <br> is an empty tag. (a) True (b) False
9. 9.Which colour pair is hard to read? (a) black on white (b) red on green (c) white on black (d) white on dark blue
10. 10.🔢 To build and share your first web page, which comes first: “plan what to show” or “test in a browser”? (a) plan what to show (b) test in a browser
11. 11.🖼️ Which picture file does the browser load?
    <img src="bus.jpg" alt="Our school bus" width="250"> (a) fort.jpg (b) Our school bus (c) tiger.jpg (d) bus.jpg
12. 12.🔍 Which line is missing its closing tag?
    line 1: <b>The red kite</b>
    line 2: <h3>Rain today</h3>
    line 3: <p>Hello, world! (a) line 2 (b) line 1 (c) line 3
13. 13.🌍 What does a web address (URL) tell the browser? (a) the page colour (b) where the page is (c) how old you are (d) your password
14. 14.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="350"> (a) Our school bus (b) width (c) moon.png (d) The full moon
15. 15.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="colour"> Green
      <input type="checkbox" name="colour"> Blue
      <input type="checkbox" name="colour"> Pink
    </form>
16. 16.⚡ What does this code show?
    let name = "Zoya";
    console.log("Well done, " + name + "!"); (a) name (b) Well done, Zoya! (c) Zoya (d) Well done, name!
17. 17.💬 How many paragraphs show on the page?
    <p>My pets</p>
    <!-- <p>My best friend</p> -->
    <!-- <p>I love mangoes.</p> -->
18. 18.🌈 In #rrggbb, which colour do the last two digits give? (a) blue (b) green (c) red (d) white
19. 19.True or false: HTML on its own cannot keep a high score. (a) False (b) True
20. 20.What does font-family do? (a) makes letters bigger (b) makes the text bold (c) centres a heading (d) picks the font style
21. 21.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) We won by 5 runs. (b) Match report (c) Art Gallery (d) body
22. 22.🎨 Which tag holds CSS inside the head? (a) <body> (b) <style> (c) <script> (d) <css>
23. 23.🌈 Which hex code is magenta? (a) #00ff00 (b) #0000ff (c) #000000 (d) #ff00ff
24. 24.🛡️ Before typing a password on a site, check the address starts with ___. (a) http (b) www (c) https (d) ftp
25. 25.Which of these is true of a web server? (a) hosts websites online (b) saves our .html files (c) shows pages from the web (d) is where we type code
26. 26.🔗 What does HyperText mean? (a) secret text (b) text in colour (c) text with links (d) very big text
27. 27.✍️ In color: blue; which part is the property? (a) blue (b) : (c) color (d) ;
28. 28.📋 How many items does this list show?
    <ul>
      <li>Jamun</li>
      <li>Mango</li>
      <li>Banana</li>
      <li>Papaya</li>
      <li>Litchi</li>
      <li>Orange</li>
    </ul>
29. 29.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <h3>Hello, world!</h3>
    <p>I love mangoes.</p>
    <h4>The red kite</h4>
30. 30.🎯 What kind of selector is .menu? (a) a class selector (b) an id selector (c) an element selector
31. 31.🖌️ What colour is behind the letters?
    h1 {
      font-size: 24px;
      text-align: center;
      color: blue;
      background-color: orange;
    } (a) purple (b) orange (c) blue
32. 32.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 280px;
      padding: 25px;
      border: 4px solid black;
      margin: 0px;
    }
33. 33.📋 Does this list show bullets or numbers?
    <ol>
      <li>Orange</li>
      <li>Grapes</li>
      <li>Jamun</li>
    </ol> (a) numbers (b) bullets
34. 34.True or false: a code editor sends pages over the net. (a) True (b) False
35. 35.💬 Why do coders write comments? (a) to leave notes (b) to make links (c) to show pictures (d) to add colour
36. 36.🧭 Which semantic tag holds a news story? (a) <article> (b) <aside> (c) <footer> (d) <header>
37. 37.🏷️ Which is the closing tag for <em>? (a) <\em> (b) </em> (c) <em> (d) <em/>
38. 38.⚖️ What colour is the text of this element?
    <p class="note" id="top">Hi</p>
    CSS:
    .note { color: green; }
    #top { color: blue; }
    p { color: red; } (a) white (b) blue (c) green (d) red
39. 39.🖌️ What colour is behind the letters?
    h1 {
      background-color: purple;
      font-size: 12px;
      color: orange;
      text-align: center;
    } (a) green (b) orange (c) purple
40. 40.True or false: <input type="email"> is for an email address. (a) True (b) False

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