Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 948 · 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 paragraphs show on the page?
   <!-- <p>I love mangoes.</p> -->
   <p>Good morning!</p>
   <p>My pets</p>
   <p>Hello, world!</p>
   <p>Fun facts</p>
2. 2.True or false: HTML on its own cannot keep a high score. (a) True (b) False
3. 3.💪 Which justify-content value packs boxes at the start? (a) flex-start (b) flex-end (c) center (d) space-between
4. 4.🌈 Which colour of light is strongest in rgb(76, 162, 109)? (a) red (b) green (c) blue
5. 5.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <title> (c) <table> (d) <meta charset="utf-8">
6. 6.🖌️ Which CSS property makes letters bigger? (a) color (b) font-size (c) font-weight (d) text-align
7. 7.🎯 Which element does the selector .menu style? (a) <h2 class="note"> (b) <li class="big"> (c) <h2 id="menu"> (d) <h2 class="menu">
8. 8.⚖️ What colour is the text of this element?
   <h2 class="star" id="top">Hi</h2>
   CSS:
   h2 { color: purple; }
   h2 { color: yellow; } (a) yellow (b) purple (c) green (d) blue
9. 9.True or false: the URL scrambles data on its way. (a) True (b) False
10. 10.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Kites fly high<br>Sky is blue</p>
11. 11.🛡️ Online: is it safe to tell a trusted adult? (a) safe (b) not safe
12. 12.Which of these is the content? (a) space outside the border (b) the gap to other boxes (c) the text or picture (d) a solid or dotted edge
13. 13.Which of these is safe to do online? (a) put secrets in comments (b) keep passwords secret (c) post your home address (d) type a password on http
14. 14.🔢 To build and share your first web page, which comes FIRST? (a) add CSS styles (b) write the HTML (c) publish it online (d) plan what to show
15. 15.🌈 Which colour of light is strongest in rgb(233, 70, 43)? (a) blue (b) red (c) green
16. 16.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 170px;
      padding: 15px;
      border: 5px solid black;
      margin: 15px;
    }
17. 17.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 210px;
      padding: 10px;
      border: 1px solid black;
      margin: 0px;
    }
18. 18.Which of these is a strong password? (a) 123456 (b) password (c) riya2014 (d) Kite_Fl1es@Dawn
19. 19.🖌️ How big is the text, in px?
    li {
      color: green;
      text-align: center;
      background-color: blue;
      font-size: 20px;
    }
20. 20.🔗 Where does this link open?
    <a href="news.html">About us</a> (a) in the same tab (b) in a new tab
21. 21.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 4 (b) 2 (c) 3 (d) 6
22. 22.🏷️ Is </p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
23. 23.📄 Can HTML on its own make a form? (a) No (b) Yes
24. 24.🔁 How many times does this code print “Hi”?
    for (let i = 2; i <= 5; i++) {
      console.log("Hi");
    }
25. 25.🔠 How many headings are in this code?
    <h1>My best friend</h1>
    <p>I love mangoes.</p>
    <p>Fun facts</p>
26. 26.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="350"> (a) tiger.jpg (b) width (c) A red kite (d) A tiger asleep
27. 27.True or false: the border is the gap round content. (a) False (b) True
28. 28.🔢 In a basic web page file, which comes first: “</head>” or “</body>”? (a) </head> (b) </body>
29. 29.🔗 Which address opens when you click this link?
    <a href="games.html">Visit the site</a> (a) contact.html (b) Visit the site (c) about.html (d) games.html
30. 30.True or false: <ul> shows bullet points. (a) True (b) False
31. 31.🔁 Which word runs code only when something is true? (a) if (b) let (c) log (d) for
32. 32.📦 In the box model, which part is the text or picture? (a) margin (b) border (c) content (d) padding
33. 33.📋 Which list tag lists things in any order? (a) <ul> (b) <li> (c) <ol>
34. 34.🖼️ Which tag puts a picture on a page? (a) <pic> (b) <p> (c) <a> (d) <img>
35. 35.📊 Where do <td> cells go? (a) inside a <p> (b) inside a <li> (c) inside a <tr> (d) inside the <head>
36. 36.📋 Does this list show bullets or numbers?
    <ul>
      <li>Guava</li>
      <li>Banana</li>
    </ul> (a) numbers (b) bullets
37. 37.🔠 Which heading shows the BIGGEST text: <h3>, <h1>, <h6> or <h2>? (a) <h6> (b) <h3> (c) <h1> (d) <h2>
38. 38.📱 The screen is 375px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 22px;
      }
    }
39. 39.📱 Responsive design means a page ___. (a) never changes (b) has no pictures (c) fits every screen (d) is only for laptops
40. 40.📋 Which tag goes around each item of a list? (a) <p> (b) <ul> (c) <ol> (d) <li>

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