Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 634 · 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.True or false: <li> goes inside ul or ol. (a) True (b) False
2. 2.🔠 How many headings are in this code?
   <h1>Cricket is fun.</h1>
   <p>I love mangoes.</p>
   <h2>Fun facts</h2>
   <p>My pets</p>
   <h4>My best friend</h4>
3. 3.✍️ In color: blue; which part is the property? (a) blue (b) ; (c) : (d) color
4. 4.📱 The screen is 820px wide. Does the rule inside @media apply?
   p {
     font-size: 16px;
   }
   @media (max-width: 480px) {
     p {
       font-size: 12px;
     }
   } (a) Yes (b) No
5. 5.🌗 Is dark grey on white easy or hard to read? (a) hard to read (b) easy to read
6. 6.🎯 Which element does the selector .menu style? (a) <li id="menu"> (b) <div class="big"> (c) <li class="menu"> (d) <li class="note">
7. 7.📊 How many cells does this table have in all?
   <table>
     <tr><td>Mango</td><td>Mango</td></tr>
     <tr><td>Guava</td><td>Papaya</td></tr>
   </table>
8. 8.⚡ What does this code print? (Look at the quotes!)
   let x = "6";
   let y = 4;
   console.log(x + y); (a) Error (b) 64 (c) 10
9. 9.✍️ How many declarations (property: value pairs) are in this rule?
   #top {
     color: red;
     width: 300px;
     font-weight: bold;
   }
10. 10.⚖️ What colour is the text of this element?
    <p class="box" id="intro">Hi</p>
    CSS:
    p { color: green; }
    #intro { color: blue; } (a) white (b) green (c) blue (d) orange
11. 11.🔢 When you open a web page, which comes LAST? (a) the browser asks it (b) you type the URL (c) the browser shows it (d) DNS finds the server
12. 12.🔐 Is Rain#Drop_42! a strong or a weak password? (a) weak (b) strong
13. 13.True or false: “tiny grey text” makes the page harder to use. (a) True (b) False
14. 14.✍️ Which sign ends each CSS declaration? (a) , (b) . (c) ; (d) :
15. 15.✍️ Which property is set to yellow in this rule?
    li {
      text-align: center;
      border: 2px solid;
      background-color: yellow;
    } (a) margin (b) yellow (c) background-color (d) padding
16. 16.🌈 Which hex code is white? (a) #ff0000 (b) #00ffff (c) #0000ff (d) #ffffff
17. 17.🔗 What does target="_blank" do to a link? (a) makes it bold (b) opens it in a new tab (c) hides the link (d) makes it blank
18. 18.🔢 On a typical page, from top to bottom, which comes first: “<header>” or “<footer>”? (a) <footer> (b) <header>
19. 19.True or false: alert("Hi"); goes in style.css. (a) False (b) True
20. 20.Which of these is the content? (a) a solid or dotted edge (b) the text or picture (c) space inside the border (d) space outside the border
21. 21.🧭 Which semantic tag holds the menu of links? (a) <nav> (b) <aside> (c) <footer> (d) <header>
22. 22.🔗 Which tag makes a clickable link? (a) <img> (b) <link> (c) <a> (d) <p>
23. 23.🔠 Which heading shows the SMALLEST text: <h5>, <h2>, <h4> or <h1>? (a) <h2> (b) <h5> (c) <h1> (d) <h4>
24. 24.🎯 Which element does the selector p style? (a) <li id="hero"> (b) <h2 class="box"> (c) <h1> (d) <p class="box">
25. 25.🌈 Which colour of light is strongest in rgb(49, 74, 153)? (a) blue (b) green (c) red
26. 26.🔗 Which words do you click on?
    <a href="games.html">About us</a> (a) Contact us (b) About us (c) games.html (d) href
27. 27.True or false: <meta> is an empty tag. (a) True (b) False
28. 28.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
29. 29.🏷️ Is </h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
30. 30.🌈 In #340000 the red part is the hex number 34. What is it as a normal number?
31. 31.🔁 How many times does this code print “Hi”?
    for (let i = 2; i <= 4; i++) {
      console.log("Hi");
    }
32. 32.⚖️ What colour is the text of this element?
    <h2 class="menu" id="intro">Hi</h2>
    CSS:
    #intro { color: white; }
    h2 { color: black; } (a) white (b) orange (c) black (d) purple
33. 33.🔠 Which heading shows the BIGGEST text: <h6>, <h5>, <h4> or <h1>? (a) <h5> (b) <h4> (c) <h1> (d) <h6>
34. 34.🌈 Which colour is #0000ff? (a) red (b) blue (c) yellow (d) black
35. 35.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="text">
      <input type="checkbox">
      <input type="submit" value="Send">
    </form>
36. 36.Which of these is safe to do online? (a) check for https first (b) share your password (c) post your home address (d) type a password on http
37. 37.📋 Does this list show bullets or numbers?
    <ul>
      <li>Banana</li>
      <li>Grapes</li>
      <li>Mango</li>
    </ul> (a) bullets (b) numbers
38. 38.🔁 When does the else part run? (a) when if is false (b) never (c) always (d) when if is true
39. 39.🔗 Which words do you click on?
    <a href="games.html">Art corner</a> (a) School news (b) href (c) Art corner (d) games.html
40. 40.🔠 Which heading shows the SMALLEST text: <h3>, <h1>, <h4> or <h5>? (a) <h4> (b) <h5> (c) <h1> (d) <h3>

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