Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 660 · 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 tag makes one table row? (a) <tr> (b) <td> (c) <table> (d) <th>
2. 2.🧩 Which language counts down a timer? (a) JavaScript (b) HTML (c) CSS
3. 3.✍️ In color: blue; which part is the property? (a) ; (b) color (c) : (d) blue
4. 4.📊 Where do <td> cells go? (a) inside a <tr> (b) inside a <li> (c) inside the <head> (d) inside a <p>
5. 5.📱 The screen is 320px wide. Does the rule inside @media apply?
   p {
     font-size: 16px;
   }
   @media (max-width: 480px) {
     p {
       font-size: 12px;
     }
   } (a) No (b) Yes
6. 6.🛡️ Online: is it safe to put secrets in comments? (a) not safe (b) safe
7. 7.♿ Does this help everyone, or make the page harder to use: label every form box? (a) makes it harder (b) helps everyone
8. 8.True or false: <img> goes in the head. (a) True (b) False
9. 9.🔁 What does this code print?
   let age = 36;
   if (age > 30) {
     console.log("teen");
   } else {
     console.log("child");
   } (a) teen (b) child
10. 10.True or false: alert(score); goes in style.css. (a) False (b) True
11. 11.🔠 Which heading shows the BIGGEST text: <h6>, <h4>, <h1> or <h2>? (a) <h1> (b) <h4> (c) <h2> (d) <h6>
12. 12.📝 How many paragraphs does this code make?
    <p>Our school trip</p>
    <p>I love mangoes.</p>
    <p>Cricket is fun.</p>
    <p>I love mangoes.</p>
    <p>My pets</p>
13. 13.True or false: <p> is an empty tag. (a) True (b) False
14. 14.🔢 When you open a web page, which comes first: “you type the URL” or “the browser asks it”? (a) the browser asks it (b) you type the URL
15. 15.🖌️ How big is the text, in px?
    li {
      font-size: 12px;
      text-align: left;
      color: orange;
      background-color: blue;
    }
16. 16.🌈 In #260000 the red part is the hex number 26. What is it as a normal number?
17. 17.📋 Does this list show bullets or numbers?
    <ol>
      <li>Litchi</li>
      <li>Papaya</li>
    </ol> (a) numbers (b) bullets
18. 18.🛡️ Online: is it safe to click prize links? (a) not safe (b) safe
19. 19.⚡ Which JavaScript word shows a pop-up box? (a) if (b) for (c) alert() (d) let
20. 20.📋 Does this list show bullets or numbers?
    <ul>
      <li>Mango</li>
      <li>Papaya</li>
      <li>Guava</li>
    </ul> (a) numbers (b) bullets
21. 21.🖼️ Which tag puts a picture on a page? (a) <a> (b) <p> (c) <img> (d) <pic>
22. 22.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>Rain today</p>
    <p>Hello, world!</p>
23. 23.📦 In the box model, which part is the line round the box? (a) padding (b) margin (c) border (d) content
24. 24.🌈 Which hex code is black? (a) #ffffff (b) #ffff00 (c) #000000 (d) #00ffff
25. 25.💬 How many paragraphs show on the page?
    <!-- <p>My best friend</p> -->
    <!-- <p>The red kite</p> -->
    <p>My pets</p>
    <!-- <p>Cricket is fun.</p> -->
    <p>Hello, world!</p>
26. 26.🖌️ What colour is behind the letters?
    h1 {
      color: green;
      text-align: left;
      font-size: 16px;
      background-color: yellow;
    } (a) green (b) blue (c) yellow
27. 27.🏷️ Every HTML tag starts with which sign? (a) ( (b) < (c) [ (d) {
28. 28.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <h3>Good morning!</h3>
    <p>I love mangoes.</p>
    <p>Rain today</p>
29. 29.📱 The screen is 1100px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 20px;
      }
    } (a) Yes (b) No
30. 30.🔍 One closing tag is missing. Which one?
    <small>Hello, world!</small>
    <u>The red kite</u>
    <h1>I love mangoes. (a) </u> (b) </i> (c) </small> (d) </h1>
31. 31.🌈 Which hex code is bright green? (a) #00ff00 (b) #00ffff (c) #0000ff (d) #000000
32. 32.♿ Does this help everyone, or make the page harder to use: images with no alt? (a) helps everyone (b) makes it harder
33. 33.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="date">
      <input type="email">
      <input type="submit" value="Send">
    </form>
34. 34.🚀 Which file should this code go in: body { margin: 0; } (a) script.js (b) style.css (c) index.html
35. 35.🎯 What kind of selector is .star? (a) an id selector (b) an element selector (c) a class selector
36. 36.💬 Does the browser show comments on the page? (a) No (b) Yes
37. 37.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h2> (b) <h3> (c) <h6> (d) <h4>
38. 38.🔍 One closing tag is missing. Which one?
    <em>My best friend
    <p>Cricket is fun.</p>
    <strong>Fun facts</strong> (a) </p> (b) </h2> (c) </strong> (d) </em>
39. 39.🌈 In #00d000 the green part is the hex number d0. What is it as a normal number?
40. 40.🧩 Which language sets colours and fonts? (a) CSS (b) HTML (c) JavaScript

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