Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 715 · 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.📄 Where does <ul> go: in the head or in the body? (a) in the head (b) in the body
2. 2.📊 How many cells are in each row?
   <table>
     <tr><td>Jamun</td><td>Orange</td></tr>
     <tr><td>Jamun</td><td>Mango</td></tr>
     <tr><td>Litchi</td><td>Papaya</td></tr>
     <tr><td>Papaya</td><td>Mango</td></tr>
   </table>
3. 3.🔗 Which tag makes a clickable link? (a) <link> (b) <img> (c) <p> (d) <a>
4. 4.📝 Which input type lets you tick many? (a) number (b) email (c) checkbox (d) radio
5. 5.🌈 Which colour is rgb(255, 255, 0)? (a) black (b) yellow (c) cyan (d) red
6. 6.🔠 Which heading shows the BIGGEST text: <h6>, <h5>, <h3> or <h2>? (a) <h2> (b) <h5> (c) <h6> (d) <h3>
7. 7.🚀 Which program lets you see your web page while you build it? (a) a web browser (b) a music player (c) a calculator (d) a photo viewer
8. 8.Which of these goes in the body? (a) <title> (b) <img> (c) <style> (d) <link rel="stylesheet">
9. 9.True or false: HTTPS asks for a web page. (a) False (b) True
10. 10.Which colour pair is easy to read? (a) light grey on white (b) white on dark blue (c) yellow on white (d) red on green
11. 11.🧭 Is <nav> semantic or not semantic? (a) not semantic (b) semantic
12. 12.Which of these is a weak password? (a) Chai$Cup_19x (b) Kite_Fl1es@Dawn (c) qwerty (d) Mango#Kite29!
13. 13.♿ Does this help everyone, or make the page harder to use: label every form box? (a) helps everyone (b) makes it harder
14. 14.🔗 Which code links to about.html? (a) <a href="about.html"> (b) <a src="about.html"> (c) <link about.html> (d) <a alt="about.html">
15. 15.📋 Which list shows the steps of a recipe best? (a) <br> (b) <hr> (c) <ol> (d) <ul>
16. 16.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 20; i = i + 3) {
      console.log(i);
    }
17. 17.True or false: a web server stores a website’s files. (a) False (b) True
18. 18.📊 Which tag makes one table row? (a) <tr> (b) <table> (c) <td> (d) <th>
19. 19.📝 Which tag makes a drop-down list? (a) <ol> (b) <select> (c) <ul> (d) <li>
20. 20.🔠 How many <h1> headings should a page usually have? (a) 1 (b) 3 (c) 10 (d) 6
21. 21.Which of these is true of a code editor? (a) stores a website’s files (b) turns HTML into a page (c) sends pages over the net (d) colours code to help us
22. 22.Which of these is an opening tag? (a) </title> (b) </p> (c) <title> (d) </body>
23. 23.🔠 How many headings are in this code?
    <h1>My best friend</h1>
    <p>Our school trip</p>
    <p>I love mangoes.</p>
    <h3>I love mangoes.</h3>
    <p>The red kite</p>
24. 24.🖼️ How many pixels wide is the picture drawn?
    <img src="kite.png" alt="A red kite" width="100">
25. 25.🌍 What is the protocol in this URL?
    http://school.example.in/games/chess.html (a) school.example.in (b) /games/chess.html (c) https (d) http
26. 26.🔗 Which words do you click on?
    <a href="games.html">About us</a> (a) href (b) Contact us (c) About us (d) games.html
27. 27.⚖️ What colour is the text of this element?
    <p class="box" id="hero">Hi</p>
    CSS:
    .box { color: blue; }
    #hero { color: black; }
    p { color: purple; } (a) purple (b) red (c) blue (d) black
28. 28.⚖️ What colour is the text of this element?
    <h1 class="note" id="top">Hi</h1>
    CSS:
    .note { color: black; }
    .note { color: purple; } (a) black (b) yellow (c) purple (d) blue
29. 29.⚡ Which word makes a new variable? (a) give (b) put (c) make (d) let
30. 30.True or false: <nav> is the page’s key part. (a) True (b) False
31. 31.✍️ What is the selector in this CSS rule?
    body {
      font-size: 20px;
      font-style: italic;
    } (a) font-size (b) italic (c) .box (d) body
32. 32.True or false: the server sends the page back. (a) True (b) False
33. 33.🖌️ What colour is behind the letters?
    h1 {
      background-color: blue;
      color: white;
      text-align: left;
      font-size: 32px;
    } (a) white (b) blue (c) purple
34. 34.🌈 Which hex code is bright green? (a) #00ff00 (b) #00ffff (c) #ff00ff (d) #000000
35. 35.🖼️ Which picture file does the browser load?
    <img src="cake.jpg" alt="Birthday cake" width="100"> (a) cake.jpg (b) Birthday cake (c) moon.png (d) dog.jpg
36. 36.💬 Which text will NOT show on the page?
    <p>My pets</p>
    <p>Cricket is fun.</p>
    <!-- <p>Hello, world!</p> --> (a) Cricket is fun. (b) My pets (c) Hello, world!
37. 37.✍️ In color: blue; which part is the property? (a) ; (b) blue (c) : (d) color
38. 38.🔁 What does this code print?
    let temp = 3;
    if (temp > 16) {
      console.log("Hot");
    } else {
      console.log("Cool");
    } (a) Cool (b) Hot
39. 39.📝 Does <b> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
40. 40.Which of these is safe to do online? (a) download from pop-ups (b) share your password (c) post your home address (d) think before you post

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