Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 616 · 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 much empty space (px) is left after the last box?
   .row {
     display: flex;
     width: 260px;
     justify-content: flex-start;
   }
   Inside are 4 boxes, each 50px wide (no margins).
2. 2.📝 Does <title> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
3. 3.True or false: h1 is an element selector. (a) False (b) True
4. 4.Which of these does JavaScript do? (a) changes the page live (b) gives the page structure (c) lays out the page (d) puts a picture on a page
5. 5.🔐 Is Blue@Tiger_74 a strong or a weak password? (a) strong (b) weak
6. 6.⚡ Which JavaScript word writes in the console? (a) console.log() (b) let (c) alert() (d) if
7. 7.📱 The screen is 700px wide. Does the rule inside @media apply?
   p {
     font-size: 24px;
   }
   @media (max-width: 480px) {
     p {
       font-size: 18px;
     }
   } (a) Yes (b) No
8. 8.Which of these is true of a web browser? (a) answers page requests (b) shows pages from the web (c) colours code to help us (d) saves our .html files
9. 9.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the later one (b) the first one (c) neither (d) the shorter one
10. 10.📋 How many items does this list show?
    <ul>
      <li>Guava</li>
      <li>Banana</li>
      <li>Jamun</li>
    </ul>
11. 11.🎯 Which CSS selector matches this element?
    <div class="red" id="end">Hello</div> (a) .end (b) #red (c) .red (d) .box
12. 12.Which of these goes in the body? (a) <title> (b) <style> (c) <h1> (d) <meta charset="utf-8">
13. 13.True or false: HTML on its own cannot make bullet lists. (a) True (b) False
14. 14.Which of these is an opening tag? (a) </li> (b) <title> (c) </p> (d) </title>
15. 15.Which of these is an empty tag? (a) <input> (b) <title> (c) <li> (d) <p>
16. 16.🖼️ Why do we add alt text to an image? (a) to colour it (b) to load it faster (c) to make it bigger (d) to describe the image
17. 17.🚀 What is the home page file of a website usually called? (a) index.html (b) main.png (c) home.css (d) start.js
18. 18.True or false: <footer> holds the main content. (a) False (b) True
19. 19.🌍 What is the domain name in this URL?
    https://www.example.com/index.html (a) kids.example.org (b) https (c) www.example.com (d) /index.html
20. 20.True or false: <br> is an empty tag. (a) False (b) True
21. 21.🔠 Which heading shows the BIGGEST text: <h3>, <h2>, <h6> or <h5>? (a) <h6> (b) <h2> (c) <h3> (d) <h5>
22. 22.Which of these is true of <header>? (a) holds the menu of links (b) sits at the bottom (c) holds extra side notes (d) sits at the very top
23. 23.🔠 Which heading shows the BIGGEST text: <h5>, <h2>, <h4> or <h3>? (a) <h4> (b) <h2> (c) <h5> (d) <h3>
24. 24.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 200px;
      justify-content: flex-start;
    }
    Inside are 3 boxes, each 40px wide (no margins).
25. 25.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <h2>Our school trip</h2>
    <p>My pets</p>
    <p>The red kite</p>
    <h2>Fun facts</h2>
26. 26.🧩 Which language changes the page live? (a) CSS (b) HTML (c) JavaScript
27. 27.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Guava</td><td>Jamun</td><td>Guava</td><td>Grapes</td></tr>
      <tr><td>Papaya</td><td>Grapes</td><td>Jamun</td><td>Jamun</td></tr>
    </table>
28. 28.🔗 Which code links to about.html? (a) <a href="about.html"> (b) <a src="about.html"> (c) <link about.html> (d) <a alt="about.html">
29. 29.🏷️ Which is the closing tag for <small>? (a) <\small> (b) <small> (c) </small> (d) <small/>
30. 30.💬 Can anyone read your comments by viewing the page source? (a) Yes (b) No
31. 31.🌈 Which colour of light is strongest in rgb(254, 133, 118)? (a) blue (b) red (c) green
32. 32.📋 Which tag goes around each item of a list? (a) <ul> (b) <li> (c) <p> (d) <ol>
33. 33.🌐 Which one hosts websites online? (a) a web server (b) a web browser (c) a code editor
34. 34.💬 How many paragraphs show on the page?
    <p>The red kite</p>
    <p>Fun facts</p>
    <!-- <p>Rain today</p> -->
35. 35.📱 min-width: 800px applies when the screen is ___. (a) 800px or narrower (b) turned off (c) 800px or wider (d) exactly 100px
36. 36.🏷️ Is <p> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
37. 37.🌈 Hex digits go 0 to 9, then A to which letter? (a) F (b) G (c) J (d) Z
38. 38.True or false: in <img>, height names the picture file. (a) True (b) False
39. 39.True or false: <th> makes a heading cell. (a) False (b) True
40. 40.🌐 Which one saves our .html files? (a) a web browser (b) a web server (c) a code editor

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