Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 927 · 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.⚖️ What colour is the text of this element?
   <h1 class="big" id="top">Hi</h1>
   CSS:
   #top { color: yellow; }
   #top { color: orange; } (a) yellow (b) black (c) green (d) orange
2. 2.⚡ What number does this code print?
   let marks = 23;
   marks = marks + 13;
   marks = marks - 30;
   console.log(marks);
3. 3.🔠 Which heading shows the BIGGEST text: <h5>, <h1>, <h3> or <h6>? (a) <h3> (b) <h5> (c) <h6> (d) <h1>
4. 4.True or false: <article> sits at the very top. (a) True (b) False
5. 5.📊 In a table, which tag is a row? (a) <td> (b) <th> (c) <tb> (d) <tr>
6. 6.🎯 What kind of selector is img? (a) a class selector (b) an id selector (c) an element selector
7. 7.📝 On how many lines does the browser show this paragraph?
   <p>Rivers flow<br>Kites fly high</p>
8. 8.📱 The screen is 320px wide. Does the rule inside @media apply?
   p {
     font-size: 16px;
   }
   @media (max-width: 768px) {
     p {
       font-size: 10px;
     }
   } (a) Yes (b) No
9. 9.🏷️ Is </body> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
10. 10.True or false: padding is a solid or dotted edge. (a) False (b) True
11. 11.📄 Where does <title> go: in the head or in the body? (a) in the body (b) in the head
12. 12.True or false: <p> goes in the body. (a) True (b) False
13. 13.📝 Does <hr> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
14. 14.🔍 Which line is missing its closing tag?
    line 1: <u>Our school trip</u>
    line 2: <b>The red kite
    line 3: <h1>I love mangoes.</h1> (a) line 3 (b) line 1 (c) line 2
15. 15.🔁 Which loop repeats code a set number of times? (a) else (b) if (c) let (d) for
16. 16.📊 How many cells are in each row?
    <table>
      <tr><td>Banana</td><td>Guava</td></tr>
      <tr><td>Guava</td><td>Grapes</td></tr>
    </table>
17. 17.🎨 One CSS file can style how many pages? (a) only one word (b) no pages (c) many pages (d) only one image
18. 18.🖼️ How many pixels wide is the picture drawn?
    <img src="map.png" alt="Map of India" width="300">
19. 19.What does color do? (a) colours behind the text (b) centres a heading (c) makes letters bigger (d) sets the letter colour
20. 20.True or false: <a href="a.html">Go</a> goes in index.html. (a) False (b) True
21. 21.🏷️ Which is the closing tag for <i>? (a) <i> (b) <\i> (c) <i/> (d) </i>
22. 22.🎯 Which sign starts a class selector? (a) # (b) @ (c) . (d) &
23. 23.⚡ What does this code show?
    let name = "Arjun";
    alert("Welcome, " + name + "!"); (a) Arjun (b) name (c) Welcome, Arjun! (d) Welcome, name!
24. 24.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) add CSS styles (b) test in a browser (c) publish it online (d) write the HTML
25. 25.🔍 One closing tag is missing. Which one?
    <h3>Good morning!</h3>
    <small>I love mangoes.
    <i>Fun facts</i> (a) </em> (b) </i> (c) </small> (d) </h3>
26. 26.True or false: <header> sits at the very top. (a) False (b) True
27. 27.🔗 Which words do you click on?
    <a href="https://example.com">School news</a> (a) School news (b) https://example.com (c) href (d) Take the quiz
28. 28.📱 The screen is 375px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 20px;
      }
    } (a) No (b) Yes
29. 29.🌈 In #rrggbb, which colour do the first two digits give? (a) red (b) black (c) blue (d) green
30. 30.Which of these is a weak password? (a) S0lar!Pen#8 (b) Mango#Kite29! (c) Kite_Fl1es@Dawn (d) abcd1234
31. 31.🔠 Which heading shows the BIGGEST text: <h5>, <h6>, <h2> or <h3>? (a) <h3> (b) <h5> (c) <h6> (d) <h2>
32. 32.🔤 In “HTML”, what do the letters HT stand for? (a) HyperText (b) High Tech (c) Home Text (d) Hot Tags
33. 33.📊 How many cells are in each row?
    <table>
      <tr><td>Guava</td><td>Litchi</td><td>Jamun</td><td>Jamun</td></tr>
      <tr><td>Banana</td><td>Mango</td><td>Litchi</td><td>Jamun</td></tr>
      <tr><td>Mango</td><td>Jamun</td><td>Orange</td><td>Litchi</td></tr>
    </table>
34. 34.Which colour pair is hard to read? (a) white on dark blue (b) yellow on white (c) yellow on black (d) white on black
35. 35.🎯 How many elements on a page should have the same id? (a) 2 (b) 5 (c) any number (d) 1
36. 36.📝 Does <li> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
37. 37.🖌️ How big is the text, in px?
    li {
      font-size: 16px;
      text-align: right;
      color: green;
      background-color: blue;
    }
38. 38.🎨 Which tag connects an outside CSS file? (a) <img> (b) <link> (c) <a> (d) <css>
39. 39.📊 Where do <td> cells go? (a) inside a <tr> (b) inside a <li> (c) inside the <head> (d) inside a <p>
40. 40.🔗 Which words do you click on?
    <a href="about.html">About us</a> (a) Contact us (b) href (c) About us (d) about.html

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