Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 710 · 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 one sends pages over the net? (a) a web browser (b) a code editor (c) a web server
2. 2.💪 Which justify-content value packs boxes at the end? (a) space-between (b) flex-end (c) flex-start (d) center
3. 3.💪 Which flexbox property turns on flexbox? (a) flex-direction (b) gap (c) display: flex (d) align-items
4. 4.🌈 Which hex code is red? (a) #0000ff (b) #00ff00 (c) #ff0000 (d) #ff00ff
5. 5.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>My Hobbies</title>
   </head>
   <body>
     <h1>All about me</h1>
     <p>Here is my best one.</p>
   </body>
   </html> (a) Here is my best one. (b) My Hobbies (c) body (d) All about me
6. 6.📝 On how many lines does the browser show this paragraph?
   <p>Stars shine<br>Sky is blue<br>Kites fly high<br>Birds sing<br>Rivers flow</p>
7. 7.🔐 Is Rain#Drop_42! a strong or a weak password? (a) weak (b) strong
8. 8.📝 On how many lines does the browser show this paragraph?
   <p>Kites fly high<br>Rivers flow</p>
9. 9.🖌️ Which CSS property centres a heading? (a) color (b) background-color (c) font-weight (d) text-align
10. 10.True or false: <b> is an empty tag. (a) True (b) False
11. 11.🔠 Which tag is the least important heading? (a) <h3> (b) <p> (c) <h1> (d) <h6>
12. 12.✍️ CSS declarations go inside which brackets? (a) < > (b) [ ] (c) ( ) (d) { }
13. 13.Which of these is true of <header>? (a) holds the main content (b) sits at the very top (c) holds a side box of tips (d) holds one blog post
14. 14.Which of these is true of a code editor? (a) has an address bar (b) shows pages from the web (c) saves our .html files (d) hosts websites online
15. 15.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 280px;
      padding: 5px;
      border: 3px solid black;
      margin: 20px;
    }
16. 16.🏷️ Is <b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
17. 17.Which colour pair is easy to read? (a) white on dark blue (b) blue on purple (c) red on green (d) yellow on white
18. 18.🔍 Which is the odd one out? (a) adds space around boxes (b) puts a picture on a page (c) gives the page structure (d) makes headings and lists
19. 19.✍️ Which property is set to center in this rule?
    p {
      font-size: 20px;
      text-align: center;
      margin: 10px;
    } (a) center (b) background-color (c) margin (d) text-align
20. 20.What does color do? (a) makes letters bigger (b) picks the font style (c) makes the text bold (d) sets the letter colour
21. 21.📋 Does this list show bullets or numbers?
    <ol>
      <li>Orange</li>
      <li>Guava</li>
    </ol> (a) bullets (b) numbers
22. 22.🚀 Which file is best for the colours and fonts? (a) script.js (b) photo.jpg (c) style.css (d) index.html
23. 23.📋 How many items does this list show?
    <ul>
      <li>Jamun</li>
      <li>Papaya</li>
      <li>Litchi</li>
      <li>Grapes</li>
      <li>Orange</li>
      <li>Mango</li>
    </ul>
24. 24.Which of these does CSS do? (a) changes the page live (b) shows a pop-up message (c) sets colours and fonts (d) counts down a timer
25. 25.True or false: #top is an element selector. (a) False (b) True
26. 26.Which of these is true of a web browser? (a) opens web pages for us (b) stores a website’s files (c) hosts websites online (d) saves our .html files
27. 27.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) index.html (b) Mars is red. (c) Space Facts (d) Welcome!
28. 28.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="number">
      <input type="password">
      <input type="checkbox">
      <input type="email">
      <input type="submit" value="Send">
    </form>
29. 29.🌈 Which hex code is white? (a) #ff00ff (b) #000000 (c) #ffffff (d) #ffff00
30. 30.🎯 Which sign starts an id selector? (a) . (b) & (c) @ (d) #
31. 31.🎯 Which CSS selector matches this element?
    <li class="star" id="end">Hello</li> (a) div (b) .end (c) li (d) #star
32. 32.🔢 In a basic web page file, which comes FIRST? (a) <html> (b) <!DOCTYPE html> (c) <body> (d) </html>
33. 33.🔁 Which word runs code only when something is true? (a) log (b) for (c) let (d) if
34. 34.🔒 Is the connection to this address scrambled (encrypted)?
    http://learn.example.com/news/today.html (a) No (b) Yes
35. 35.🔐 Is abcd1234 a strong or a weak password? (a) weak (b) strong
36. 36.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Roses are red<br>Sky is blue<br>Rivers flow</p>
37. 37.📊 Which tag holds the whole table? (a) <caption> (b) <tr> (c) <td> (d) <table>
38. 38.True or false: HTML on its own can make a form. (a) True (b) False
39. 39.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 140px;
      justify-content: center;
    }
    Inside are 2 boxes, each 40px wide (no margins).
40. 40.📱 Which tag helps phones show a page at the right size? (a) the viewport meta tag (b) the hr tag (c) the br tag (d) the title tag

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