Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 434 · 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.🚀 Should file names have spaces, like my page.html? (a) Yes (b) No
2. 2.What is <input type="checkbox"> for? (a) sends the form (b) lets you tick many (c) is for an email address (d) takes only numbers
3. 3.📋 What number does the browser show next to “Litchi”?
   <ol>
     <li>Jamun</li>
     <li>Litchi</li>
     <li>Banana</li>
   </ol>
4. 4.🔠 How many headings are in this code?
   <h1>Good morning!</h1>
   <h2>I love mangoes.</h2>
   <h4>Cricket is fun.</h4>
5. 5.⚖️ What colour is the text of this element?
   <h2 class="star" id="intro">Hi</h2>
   CSS:
   h2 { color: purple; }
   h2 { color: black; } (a) black (b) white (c) purple (d) red
6. 6.🌍 What is the protocol in this URL?
   https://learn.example.com/about.html (a) http (b) learn.example.com (c) /about.html (d) https
7. 7.Which of these is padding? (a) the text or picture (b) space inside the border (c) the gap to other boxes (d) space outside the border
8. 8.💪 How much empty space (px) is left after the last box?
   .row {
     display: flex;
     width: 160px;
     justify-content: flex-start;
   }
   Inside are 2 boxes, each 40px wide (no margins).
9. 9.📊 How many rows does this table have?
   <table>
     <tr><td>Mango</td><td>Mango</td></tr>
     <tr><td>Jamun</td><td>Grapes</td></tr>
   </table>
10. 10.🔗 Which code links to about.html? (a) <a src="about.html"> (b) <link about.html> (c) <a alt="about.html"> (d) <a href="about.html">
11. 11.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) Planets (b) Mars is red. (c) index.html (d) Class 7 Blog
12. 12.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="bus.jpg" alt="Our school bus" width="400"> (a) Our school bus (b) bus.jpg (c) An old fort (d) width
13. 13.🔍 Which line is missing its closing tag?
    line 1: <h3>I love mangoes.
    line 2: <h2>Fun facts</h2>
    line 3: <h1>My best friend</h1> (a) line 1 (b) line 3 (c) line 2
14. 14.🖌️ What colour is behind the letters?
    h1 {
      background-color: white;
      font-size: 28px;
      color: green;
      text-align: right;
    } (a) white (b) blue (c) green
15. 15.True or false: #main is an element selector. (a) True (b) False
16. 16.True or false: a code editor hosts websites online. (a) True (b) False
17. 17.📋 Which list tag is an unordered list? (a) <ul> (b) <li> (c) <ol>
18. 18.🏷️ Which is the closing tag for <u>? (a) <\u> (b) <u> (c) <u/> (d) </u>
19. 19.🔁 What does this code print?
    let marks = 8;
    if (marks < 32) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Pass (b) Try again
20. 20.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Stars shine<br>Rivers flow</p>
21. 21.🌈 Which colour is #ff0000? (a) magenta (b) bright green (c) red (d) cyan
22. 22.⚖️ What colour is the text of this element?
    <p class="big" id="top">Hi</p>
    CSS:
    p { color: red; }
    #top { color: orange; } (a) red (b) orange (c) green (d) yellow
23. 23.🔗 Which address opens when you click this link?
    <a href="quiz.html">About us</a> (a) quiz.html (b) About us (c) about.html (d) games.html
24. 24.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
25. 25.Which of these goes in the head? (a) <table> (b) <title> (c) <p> (d) <h1>
26. 26.🧩 Which language rounds box corners? (a) CSS (b) JavaScript (c) HTML
27. 27.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
28. 28.📋 Does this list show bullets or numbers?
    <ol>
      <li>Litchi</li>
      <li>Orange</li>
    </ol> (a) bullets (b) numbers
29. 29.🔗 Which words do you click on?
    <a href="maths.html">Art corner</a> (a) Art corner (b) School news (c) maths.html (d) href
30. 30.📝 On how many lines does the browser show this paragraph?
    <p>Stars shine<br>Roses are red<br>Birds sing<br>Sky is blue</p>
31. 31.Which of these is true of a code editor? (a) hosts websites online (b) colours code to help us (c) sends pages over the net (d) shows pages from the web
32. 32.🛡️ Online: is it safe to click prize links? (a) safe (b) not safe
33. 33.🧭 Which semantic tag sits at the bottom? (a) <article> (b) <header> (c) <nav> (d) <footer>
34. 34.Which of these is true of <aside>? (a) holds the main content (b) holds extra side notes (c) holds a news story (d) holds the logo and title
35. 35.✍️ Which property is set to 2px solid in this rule?
    h1 {
      width: 300px;
      border: 2px solid;
    } (a) font-style (b) width (c) border (d) 2px solid
36. 36.📝 Which tag holds a whole form? (a) <ol> (b) <table> (c) <form> (d) <input>
37. 37.📋 How many items does this list show?
    <ol>
      <li>Jamun</li>
      <li>Grapes</li>
      <li>Litchi</li>
      <li>Mango</li>
    </ol>
38. 38.🌈 Which colour is rgb(255, 0, 0)? (a) blue (b) red (c) bright green (d) yellow
39. 39.🏷️ Is </b> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
40. 40.🖌️ What colour are the letters?
    h1 {
      font-size: 12px;
      background-color: yellow;
      color: blue;
      text-align: center;
    } (a) red (b) blue (c) yellow

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