Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 159 · 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 hex code is white? (a) #00ff00 (b) #ff0000 (c) #000000 (d) #ffffff
2. 2.💬 How many paragraphs show on the page?
   <!-- <p>Good morning!</p> -->
   <p>My best friend</p>
   <p>I love mangoes.</p>
   <p>Hello, world!</p>
3. 3.♿ Is this heading order correct (no level skipped)?
   <h1> → <h1> → <h2> → <h3> (a) No (b) Yes
4. 4.📝 How many <input> tags are in this form?
   <form>
     <input type="date">
     <input type="email">
     <input type="number">
     <input type="submit" value="Send">
   </form>
5. 5.📋 What number does the browser show next to “Banana”?
   <ol start="5">
     <li>Papaya</li>
     <li>Grapes</li>
     <li>Litchi</li>
     <li>Mango</li>
     <li>Banana</li>
   </ol>
6. 6.🧭 Is <aside> semantic or not semantic? (a) semantic (b) not semantic
7. 7.📋 How many items does this list show?
   <ul>
     <li>Litchi</li>
     <li>Jamun</li>
     <li>Mango</li>
     <li>Papaya</li>
     <li>Banana</li>
     <li>Orange</li>
   </ul>
8. 8.🖼️ Which attribute of <img> is read by screen readers? (a) width (b) src (c) height (d) alt
9. 9.🌈 Which colour is #0000ff? (a) yellow (b) black (c) red (d) blue
10. 10.📝 On how many lines does the browser show this paragraph?
    <p>Stars shine<br>Sky is blue</p>
11. 11.🌍 Which one asks for a web page? (a) HTTPS (b) the URL (c) the server (d) the browser
12. 12.🔗 Where does this link open?
    <a href="contact.html">About us</a> (a) in a new tab (b) in the same tab
13. 13.🔗 Where does this link open?
    <a href="games.html" target="_blank">Maths fun</a> (a) in the same tab (b) in a new tab
14. 14.🌍 Which program shows a web page to us? (a) a web browser (b) a music player (c) a calculator (d) a paint program
15. 15.💪 Which flexbox property picks row or column? (a) display: flex (b) flex-direction (c) justify-content (d) gap
16. 16.🖌️ Which CSS property centres a heading? (a) text-align (b) font-family (c) font-weight (d) background-color
17. 17.📋 Which list shows the steps of a recipe best? (a) <ol> (b) <hr> (c) <ul> (d) <br>
18. 18.✍️ What is the selector in this CSS rule?
    h1 {
      font-size: 20px;
      background-color: yellow;
      width: 300px;
      margin: 10px;
    } (a) p (b) yellow (c) font-size (d) h1
19. 19.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="date">
      <input type="checkbox">
      <input type="number">
      <input type="email">
      <input type="submit" value="Send">
    </form>
20. 20.📄 Where does the text of <title> appear? (a) nowhere (b) on the browser tab (c) at the bottom (d) in a big heading
21. 21.True or false: <a href="a.html">Go</a> goes in style.css. (a) True (b) False
22. 22.🏷️ What does a closing tag have that an opening tag does not? (a) a slash / (b) a hash # (c) a dot . (d) a dollar $
23. 23.True or false: <footer> helps you move around. (a) True (b) False
24. 24.Which of these has a closing tag? (a) <img> (b) <hr> (c) <title> (d) <br>
25. 25.⚡ Which JavaScript word writes in the console? (a) alert() (b) let (c) console.log() (d) for
26. 26.🖌️ How big is the text, in px?
    h1 {
      text-align: center;
      color: blue;
      font-size: 28px;
      background-color: red;
    }
27. 27.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>My drawings</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) My Hobbies (b) Here is my best one. (c) My drawings (d) body
28. 28.📊 In a table, which tag is a row? (a) <tb> (b) <tr> (c) <th> (d) <td>
29. 29.🚀 Which program lets you see your web page while you build it? (a) a photo viewer (b) a web browser (c) a calculator (d) a music player
30. 30.True or false: <aside> holds a side box of tips. (a) False (b) True
31. 31.📛 In <a href="x.html">, what is href? (a) an element name (b) a comment (c) an attribute (d) a closing tag
32. 32.🖌️ Which CSS property sets the letter colour? (a) font-size (b) color (c) text-align (d) font-family
33. 33.🌗 Is white on dark blue easy or hard to read? (a) easy to read (b) hard to read
34. 34.✍️ What value is given to color in this rule?
    #top {
      font-weight: bold;
      padding: 8px;
      color: red;
      margin: 10px;
    } (a) red (b) center (c) 20px (d) color
35. 35.📝 How many paragraphs does this code make?
    <p>Cricket is fun.</p>
    <h2>Cricket is fun.</h2>
    <h2>Fun facts</h2>
36. 36.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 110px;
      justify-content: flex-end;
    }
    Inside are 2 boxes, each 40px wide (no margins).
37. 37.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="bus.jpg" alt="Our school bus" width="400"> (a) width (b) An old fort (c) bus.jpg (d) Our school bus
38. 38.🔍 Which is the odd one out? (a) answers page requests (b) sends pages over the net (c) stores a website’s files (d) shows pages from the web
39. 39.What does justify-content: center do? (a) equal gaps, none at ends (b) packs boxes at the end (c) packs boxes at the start (d) puts boxes in the middle
40. 40.📋 Which list tag lists steps in order? (a) <li> (b) <ul> (c) <ol>

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