Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 653 · 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.♿ Does this help everyone, or make the page harder to use: link text “click here”? (a) helps everyone (b) makes it harder
2. 2.Which of these goes in the body? (a) <meta charset="utf-8"> (b) <a> (c) <title> (d) <link rel="stylesheet">
3. 3.💬 Which text will NOT show on the page?
   <p>My best friend</p>
   <!-- <p>Hello, world!</p> -->
   <p>My pets</p> (a) My best friend (b) Hello, world! (c) My pets
4. 4.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 6; i++) {
     total = total + 8;
   }
   console.log(total);
5. 5.✍️ Which sign goes between a property and its value? (a) = (b) : (c) - (d) ;
6. 6.✍️ Which property is set to italic in this rule?
   h2 {
     font-style: italic;
     background-color: yellow;
   } (a) font-size (b) color (c) font-style (d) italic
7. 7.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Art Gallery</title>
   </head>
   <body>
     <h1>My drawings</h1>
     <p>Thanks for visiting.</p>
   </body>
   </html> (a) My drawings (b) index.html (c) Art Gallery (d) Thanks for visiting.
8. 8.🔢 In a basic web page file, which comes FIRST? (a) <body> (b) <!DOCTYPE html> (c) </html> (d) </body>
9. 9.📊 How many rows does this table have?
   <table>
     <tr><td>Orange</td><td>Orange</td><td>Mango</td><td>Litchi</td></tr>
     <tr><td>Jamun</td><td>Orange</td><td>Mango</td><td>Banana</td></tr>
   </table>
10. 10.⚖️ What colour is the text of this element?
    <p class="box" id="top">Hi</p>
    CSS:
    .box { color: blue; }
    p { color: black; }
    #top { color: white; } (a) black (b) blue (c) orange (d) white
11. 11.✍️ How many declarations (property: value pairs) are in this rule?
    p {
      color: red;
    }
12. 12.✍️ How does a CSS comment start? (a) // (b) # (c) /* (d) <!--
13. 13.🌗 Is white on dark blue easy or hard to read? (a) hard to read (b) easy to read
14. 14.🧭 Which semantic tag holds the main content? (a) <header> (b) <nav> (c) <main> (d) <footer>
15. 15.🔢 To build and share your first web page, what comes right after “add CSS styles”? (a) plan what to show (b) write the HTML (c) publish it online (d) test in a browser
16. 16.🔠 Which heading shows the SMALLEST text: <h2>, <h6>, <h1> or <h3>? (a) <h1> (b) <h2> (c) <h6> (d) <h3>
17. 17.📝 Which tag makes a drop-down list? (a) <ul> (b) <ol> (c) <select> (d) <li>
18. 18.🔁 What does this code print?
    let score = 1;
    if (score > 12) {
      console.log("You win");
    } else {
      console.log("Play again");
    } (a) Play again (b) You win
19. 19.📄 Can HTML on its own add pictures to a page? (a) Yes (b) No
20. 20.🔗 Which words do you click on?
    <a href="contact.html">Maths fun</a> (a) href (b) contact.html (c) Maths fun (d) Art corner
21. 21.🧩 Which language rounds box corners? (a) JavaScript (b) HTML (c) CSS
22. 22.🔍 Which is the odd one out? (a) stores a website’s files (b) hosts websites online (c) sends pages over the net (d) shows pages from the web
23. 23.Which of these is the content? (a) the text or picture (b) space inside the border (c) the line round the box (d) the gap to other boxes
24. 24.Which of these is a weak password? (a) S0lar!Pen#8 (b) Chai$Cup_19x (c) Rain#Drop_42! (d) iloveyou
25. 25.Which of these is a weak password? (a) Rain#Drop_42! (b) Mango#Kite29! (c) 123456 (d) Chai$Cup_19x
26. 26.🖌️ Which CSS property makes the text bold? (a) color (b) font-weight (c) font-size (d) background-color
27. 27.💪 Which justify-content value packs boxes at the end? (a) flex-end (b) flex-start (c) center (d) space-between
28. 28.True or false: h1 is an id selector. (a) True (b) False
29. 29.🖼️ Does <img> need a closing tag? (a) No (b) Yes
30. 30.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="email">
      <input type="date">
      <input type="password">
      <input type="submit" value="Send">
    </form>
31. 31.📄 Can HTML on its own run a game loop? (a) Yes (b) No
32. 32.Which colour pair is easy to read? (a) blue on purple (b) yellow on white (c) dark grey on white (d) red on green
33. 33.📊 Which tag makes a heading cell? (a) <td> (b) <caption> (c) <th> (d) <tr>
34. 34.🚀 Which file is best for the colours and fonts? (a) script.js (b) index.html (c) photo.jpg (d) style.css
35. 35.🔁 How many times does this code print “Hi”?
    for (let i = 3; i <= 9; i++) {
      console.log("Hi");
    }
36. 36.🏷️ Is </b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
37. 37.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
38. 38.✍️ Which property is set to red in this rule?
    h1 {
      padding: 8px;
      color: red;
      margin: 10px;
    } (a) color (b) text-align (c) red (d) font-size
39. 39.True or false: <h1> goes in the head. (a) True (b) False
40. 40.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 6; i++) {
      total = total + 7;
    }
    console.log(total);

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