Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 99 · 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 sign ends each CSS declaration? (a) , (b) : (c) . (d) ;
2. 2.⚡ Which JavaScript word makes a new variable? (a) alert() (b) let (c) for (d) console.log()
3. 3.True or false: <tr> makes a heading cell. (a) False (b) True
4. 4.🔗 Which code links to about.html? (a) <a src="about.html"> (b) <a href="about.html"> (c) <link about.html> (d) <a alt="about.html">
5. 5.📋 How many items does this list show?
   <ul>
     <li>Jamun</li>
     <li>Banana</li>
     <li>Orange</li>
   </ul>
6. 6.🚀 Which file should this code go in: <a href="a.html">Go</a> (a) index.html (b) script.js (c) style.css
7. 7.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 24px;
   }
   @media (max-width: 768px) {
     p {
       font-size: 20px;
     }
   }
8. 8.🌍 Which one is the page’s address? (a) HTTPS (b) the browser (c) the server (d) the URL
9. 9.📦 How much space top to bottom (px) does this box take in all, margin included?
   .box {
     height: 90px;
     padding: 20px;
     border: 1px solid black;
     margin: 0px;
   }
10. 10.Which of these is a strong password? (a) password (b) Kite_Fl1es@Dawn (c) abcd1234 (d) riya2014
11. 11.🔢 To build and share your first web page, which comes first: “plan what to show” or “publish it online”? (a) plan what to show (b) publish it online
12. 12.🔠 How many heading levels does HTML have? (a) 3 (b) 4 (c) 6 (d) 10
13. 13.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
14. 14.🔗 Where does this link open?
    <a href="games.html">Art corner</a> (a) in the same tab (b) in a new tab
15. 15.⚖️ What colour is the text of this element?
    <p class="menu" id="end">Hi</p>
    CSS:
    p { color: orange; }
    #end { color: purple; } (a) red (b) purple (c) orange (d) white
16. 16.What is <input type="radio"> for? (a) is for one line of words (b) lets you pick only one (c) picks a day (d) takes only numbers
17. 17.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 120px;
      padding: 5px;
      border: 1px solid black;
      margin: 5px;
    }
18. 18.🎨 A CSS file usually ends with which extension? (a) .js (b) .css (c) .html (d) .png
19. 19.📄 Can HTML on its own pick a random number? (a) Yes (b) No
20. 20.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Stars shine<br>Roses are red<br>Kites fly high<br>Rivers flow</p>
21. 21.📋 Which list tag goes inside ul or ol? (a) <li> (b) <ul> (c) <ol>
22. 22.📄 Where does the text of <title> appear? (a) at the bottom (b) on the browser tab (c) in a big heading (d) nowhere
23. 23.Which of these is a closing tag? (a) <title> (b) </li> (c) <h1> (d) <li>
24. 24.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="password">
      <input type="date">
      <input type="number">
      <input type="checkbox">
      <input type="submit" value="Send">
    </form>
25. 25.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the first one (b) neither (c) the later one (d) the shorter one
26. 26.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 640px;
      justify-content: space-between;
    }
    Inside are 4 boxes, each 100px wide (no margins).
27. 27.True or false: alert("Hi"); goes in script.js. (a) False (b) True
28. 28.🛡️ Is it safe to use the same password on every site? (a) No (b) Yes
29. 29.📝 How many <input> tags are in this form?
    <form>
      <input type="email">
      <input type="number">
      <input type="date">
      <input type="password">
      <input type="submit" value="Send">
    </form>
30. 30.📝 Which tag holds a whole form? (a) <ol> (b) <form> (c) <input> (d) <table>
31. 31.True or false: console.log(5 + 2); goes in script.js. (a) True (b) False
32. 32.⚡ What does JavaScript add to a web page? (a) the page title (b) the domain name (c) only colours (d) actions and changes
33. 33.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="checkbox">
      <input type="submit" value="Send">
    </form>
34. 34.🔤 In “HTML”, what does the M stand for? (a) Modern (b) Machine (c) Mouse (d) Markup
35. 35.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 100px;
      justify-content: flex-start;
    }
    Inside are 2 boxes, each 40px wide (no margins).
36. 36.🌍 What is the protocol in this URL?
    https://www.example.net/index.html (a) www.example.net (b) https (c) /index.html (d) http
37. 37.⚡ What does this code show?
    let name = "Zoya";
    alert("Welcome, " + name + "!"); (a) Zoya (b) name (c) Welcome, Zoya! (d) Welcome, name!
38. 38.🌈 Which colour of light is strongest in rgb(2, 161, 79)? (a) green (b) red (c) blue
39. 39.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 340px;
      justify-content: center;
    }
    Inside are 3 boxes, each 80px wide (no margins).
40. 40.✍️ Which property is set to center in this rule?
    .note {
      width: 300px;
      background-color: yellow;
      text-align: center;
    } (a) background-color (b) margin (c) center (d) text-align

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