Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 946 · 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 goes in the head? (a) <ul> (b) <h1> (c) <style> (d) <table>
2. 2.✍️ How does a CSS comment start? (a) # (b) <!-- (c) // (d) /*
3. 3.💬 How does an HTML comment start? (a) # (b) /* (c) // (d) <!--
4. 4.🔁 What does i++ do? (a) doubles i (b) prints i (c) takes 1 from i (d) adds 1 to i
5. 5.🔗 Which address opens when you click this link?
   <a href="games.html">About us</a> (a) about.html (b) games.html (c) contact.html (d) About us
6. 6.🔠 How many <h1> headings should a page usually have? (a) 3 (b) 10 (c) 6 (d) 1
7. 7.✍️ What is the selector in this CSS rule?
   p {
     background-color: yellow;
     width: 300px;
   } (a) .note (b) background-color (c) 300px (d) p
8. 8.True or false: the browser scrambles data on its way. (a) True (b) False
9. 9.📊 Where do <td> cells go? (a) inside a <p> (b) inside a <li> (c) inside the <head> (d) inside a <tr>
10. 10.✍️ How many declarations (property: value pairs) are in this rule?
    h2 {
      width: 300px;
      font-weight: bold;
    }
11. 11.✍️ Which property is set to 10px in this rule?
    #top {
      color: red;
      background-color: yellow;
      margin: 10px;
    } (a) 10px (b) padding (c) font-weight (d) margin
12. 12.📛 In <a href="x.html">, what is href? (a) an element name (b) an attribute (c) a closing tag (d) a comment
13. 13.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 26px;
      }
    }
14. 14.🌈 Which colour is #000000? (a) blue (b) cyan (c) black (d) bright green
15. 15.🎯 What kind of selector is p? (a) a class selector (b) an id selector (c) an element selector
16. 16.🔗 Which code links to about.html? (a) <a src="about.html"> (b) <a href="about.html"> (c) <a alt="about.html"> (d) <link about.html>
17. 17.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>Hello, world!</p>
    <h4>Hello, world!</h4>
18. 18.🌍 Which one stores the site’s files? (a) the server (b) HTTPS (c) the browser (d) the URL
19. 19.✍️ Which property is set to italic in this rule?
    li {
      width: 300px;
      font-style: italic;
    } (a) font-size (b) italic (c) color (d) font-style
20. 20.🔠 Which tag is used for the main title on a page? (a) <p> (b) <h6> (c) <br> (d) <h1>
21. 21.🔗 What does target="_blank" do to a link? (a) makes it bold (b) opens it in a new tab (c) makes it blank (d) hides the link
22. 22.🛡️ Should you share your password with your best friend? (a) No (b) Yes
23. 23.📱 max-width: 600px applies when the screen is ___. (a) turned off (b) 600px or wider (c) exactly 1000px (d) 600px or narrower
24. 24.What is <input type="email"> for? (a) is for an email address (b) hides what you type (c) picks a day (d) sends the form
25. 25.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>The red kite</p>
    <h3>Fun facts</h3>
26. 26.True or false: <ul> shows bullet points. (a) False (b) True
27. 27.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the first one (b) the later one (c) the shorter one (d) neither
28. 28.🧩 Which language gives the page structure? (a) JavaScript (b) HTML (c) CSS
29. 29.📝 What does <hr> draw? (a) a picture (b) a link (c) a table (d) a line across the page
30. 30.🌍 Which one asks for a web page? (a) the URL (b) the browser (c) the server (d) HTTPS
31. 31.✍️ In color: blue; which part is the property? (a) ; (b) color (c) blue (d) :
32. 32.🖼️ How many pixels wide is the picture drawn?
    <img src="cake.jpg" alt="Birthday cake" width="300">
33. 33.Which colour pair is easy to read? (a) red on green (b) blue on purple (c) black on white (d) light grey on white
34. 34.📦 In the box model, which part is the gap round content? (a) border (b) margin (c) content (d) padding
35. 35.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>Our school trip</p>
    <p>Hello, world!</p>
    <p>Our school trip</p>
    <p>Fun facts</p>
36. 36.🔤 In “HTML”, what do the letters HT stand for? (a) High Tech (b) HyperText (c) Hot Tags (d) Home Text
37. 37.📄 Where does the text of <title> appear? (a) in a big heading (b) on the browser tab (c) at the bottom (d) nowhere
38. 38.🔁 How many times does this code print “Welcome”?
    for (let i = 3; i < 6; i++) {
      console.log("Welcome");
    }
39. 39.📋 Does this list show bullets or numbers?
    <ul>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Jamun</li>
    </ul> (a) bullets (b) numbers
40. 40.🏷️ Is </h1> an opening tag or a closing tag? (a) an opening tag (b) a closing tag

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