Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 346 · 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.🔒 Is the connection to this address scrambled (encrypted)?
   http://www.example.net/news/today.html (a) No (b) Yes
2. 2.✍️ Which sign goes between a property and its value? (a) - (b) = (c) ; (d) :
3. 3.📊 How many cells are in each row?
   <table>
     <tr><th>Name</th><th>Fruit</th></tr>
     <tr><td>Grapes</td><td>Banana</td></tr>
   </table>
4. 4.⚖️ Which selector is the weakest? (a) an element selector (b) a class selector (c) an id selector
5. 5.⚖️ What colour is the text of this element?
   <h2 class="star" id="hero">Hi</h2>
   CSS:
   .star { color: red; }
   #hero { color: yellow; } (a) red (b) yellow (c) white (d) purple
6. 6.Which colour pair is hard to read? (a) white on black (b) yellow on white (c) white on dark blue (d) black on white
7. 7.🔢 To build and share your first web page, which comes LAST? (a) add CSS styles (b) publish it online (c) test in a browser (d) plan what to show
8. 8.🖌️ Where does the text sit on its line?
   li {
     color: orange;
     background-color: red;
     font-size: 12px;
     text-align: right;
   } (a) on the left (b) on the right (c) in the middle
9. 9.True or false: in <img>, width sets how tall it is. (a) True (b) False
10. 10.True or false: <td> makes one data cell. (a) False (b) True
11. 11.🔐 Is riya2014 a strong or a weak password? (a) strong (b) weak
12. 12.🔗 Which words do you click on?
    <a href="news.html">Art corner</a> (a) School news (b) news.html (c) Art corner (d) href
13. 13.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <h2>Our school trip</h2>
    <p>I love mangoes.</p>
14. 14.🔠 Which tag is the least important heading? (a) <h1> (b) <h3> (c) <p> (d) <h6>
15. 15.🌈 Which colour is #ff00ff? (a) bright green (b) white (c) cyan (d) magenta
16. 16.🌈 Which colour is rgb(0, 0, 255)? (a) yellow (b) black (c) blue (d) cyan
17. 17.🔠 Which heading shows the SMALLEST text: <h6>, <h1>, <h4> or <h2>? (a) <h4> (b) <h6> (c) <h1> (d) <h2>
18. 18.📋 What number does the browser show next to “Papaya”?
    <ol>
      <li>Jamun</li>
      <li>Mango</li>
      <li>Guava</li>
      <li>Papaya</li>
      <li>Banana</li>
      <li>Orange</li>
    </ol>
19. 19.📋 How many items does this list show?
    <ul>
      <li>Jamun</li>
      <li>Banana</li>
    </ul>
20. 20.True or false: <input> has a closing tag. (a) False (b) True
21. 21.🌗 Is light grey on white easy or hard to read? (a) easy to read (b) hard to read
22. 22.True or false: HTTPS asks for a web page. (a) True (b) False
23. 23.🛡️ Online: is it safe to keep passwords secret? (a) not safe (b) safe
24. 24.Which of these is true of <footer>? (a) holds a side box of tips (b) holds the menu of links (c) holds extra side notes (d) sits at the bottom
25. 25.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 220px;
      padding: 10px;
      border: 2px solid black;
      margin: 15px;
    }
26. 26.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Kites fly high<br>Stars shine</p>
27. 27.📦 In the box model, which part is the text or picture? (a) padding (b) border (c) content (d) margin
28. 28.📋 Which tag goes around each item of a list? (a) <ul> (b) <p> (c) <ol> (d) <li>
29. 29.🧩 An opening tag + content + a closing tag together make an ___. (a) attribute (b) element (c) editor (d) address
30. 30.⚡ What does this code print? (Look at the quotes!)
    let x = "6";
    let y = 9;
    console.log(x + y); (a) 69 (b) Error (c) 15
31. 31.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="fruit"> Litchi
      <input type="radio" name="fruit"> Guava
      <input type="radio" name="fruit"> Mango
      <input type="radio" name="fruit"> Banana
      <input type="radio" name="fruit"> Papaya
    </form>
32. 32.🔢 To build and share your first web page, which comes first: “write the HTML” or “plan what to show”? (a) plan what to show (b) write the HTML
33. 33.⚡ Which JavaScript word repeats code? (a) if (b) alert() (c) for (d) console.log()
34. 34.Which colour pair is hard to read? (a) white on dark blue (b) pink on red (c) dark grey on white (d) white on black
35. 35.✍️ What value is given to background-color in this rule?
    .box {
      background-color: yellow;
      color: red;
      width: 300px;
      border: 2px solid;
    } (a) 10px (b) 8px (c) background-color (d) yellow
36. 36.🔍 Which line is missing its closing tag?
    line 1: <u>Hello, world!
    line 2: <strong>The red kite</strong>
    line 3: <i>My pets</i> (a) line 3 (b) line 1 (c) line 2
37. 37.✍️ In color: blue; which part is the value? (a) color (b) ; (c) : (d) blue
38. 38.🎯 Which element does the selector #main style? (a) <li class="main"> (b) <div class="red"> (c) <li id="logo"> (d) <li id="main">
39. 39.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="sport"> Chess
      <input type="checkbox" name="sport"> Kabaddi
      <input type="checkbox" name="sport"> Football
    </form>
40. 40.📝 Which input type lets you pick only one? (a) submit (b) password (c) radio (d) date

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