Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 156 · 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.🧩 Which language counts down a timer? (a) HTML (b) JavaScript (c) CSS
2. 2.✍️ CSS declarations go inside which brackets? (a) [ ] (b) < > (c) ( ) (d) { }
3. 3.True or false: to post your home address is not safe. (a) True (b) False
4. 4.🖌️ What colour is behind the letters?
   h2 {
     background-color: black;
     text-align: left;
     font-size: 24px;
     color: blue;
   } (a) black (b) orange (c) blue
5. 5.Which of these does CSS do? (a) gives the page structure (b) makes a form box (c) reacts to a button click (d) rounds box corners
6. 6.🧭 Is <nav> semantic or not semantic? (a) not semantic (b) semantic
7. 7.💬 Which text will NOT show on the page?
   <p>Our school trip</p>
   <p>Cricket is fun.</p>
   <!-- <p>The red kite</p> --> (a) Cricket is fun. (b) The red kite (c) Our school trip
8. 8.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as one space (b) as a dot (c) as 5 spaces (d) as a new line
9. 9.🔗 Where does this link open?
   <a href="art.html" target="_blank">Play games</a> (a) in the same tab (b) in a new tab
10. 10.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <h4>Hello, world!</h4>
    <p>Our school trip</p>
    <h4>Fun facts</h4>
11. 11.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ol> (c) <ul> (d) <hr>
12. 12.🔤 In “HTML”, what does the M stand for? (a) Machine (b) Markup (c) Modern (d) Mouse
13. 13.🧭 Who is helped most by semantic tags? (a) only the server (b) nobody (c) screen-reader users (d) only the printer
14. 14.📋 Which list tag goes inside ul or ol? (a) <ul> (b) <li> (c) <ol>
15. 15.📊 How many cells does this table have in all?
    <table>
      <tr><td>Banana</td><td>Orange</td><td>Jamun</td><td>Papaya</td></tr>
      <tr><td>Guava</td><td>Orange</td><td>Grapes</td><td>Litchi</td></tr>
    </table>
16. 16.⚖️ What colour is the text of this element?
    <p class="menu" id="hero">Hi</p>
    CSS:
    .menu { color: yellow; }
    p { color: blue; } (a) blue (b) red (c) yellow (d) white
17. 17.True or false: #top is an id selector. (a) False (b) True
18. 18.🔠 Which tag is the least important heading? (a) <p> (b) <h3> (c) <h6> (d) <h1>
19. 19.🔗 Which code links to about.html? (a) <a alt="about.html"> (b) <a href="about.html"> (c) <link about.html> (d) <a src="about.html">
20. 20.🚀 What is the home page file of a website usually called? (a) start.js (b) home.css (c) main.png (d) index.html
21. 21.🖌️ Which CSS property picks the font style? (a) font-family (b) font-size (c) background-color (d) color
22. 22.⚖️ What colour is the text of this element?
    <p class="star" id="top">Hi</p>
    CSS:
    p { color: black; }
    p { color: white; } (a) purple (b) red (c) black (d) white
23. 23.📝 Which input type is for one line of words? (a) text (b) date (c) email (d) radio
24. 24.🔗 Which address opens when you click this link?
    <a href="maths.html">Take the quiz</a> (a) Take the quiz (b) news.html (c) maths.html (d) art.html
25. 25.🧭 Which semantic tag holds the menu of links? (a) <nav> (b) <main> (c) <header> (d) <article>
26. 26.True or false: <li> has a closing tag. (a) True (b) False
27. 27.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <h2>My best friend</h2>
    <h2>I love mangoes.</h2>
    <p>I love mangoes.</p>
28. 28.💬 How many paragraphs show on the page?
    <p>Hello, world!</p>
    <p>Fun facts</p>
    <p>Rain today</p>
    <!-- <p>Our school trip</p> -->
    <!-- <p>Good morning!</p> -->
29. 29.🌍 What is the protocol in this URL?
    http://www.example.net/games/chess.html (a) www.example.net (b) http (c) /games/chess.html (d) https
30. 30.🎯 Can many elements share the same class? (a) Yes (b) No
31. 31.True or false: let score = 0; goes in index.html. (a) True (b) False
32. 32.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Jamun</td><td>Grapes</td><td>Orange</td></tr>
      <tr><td>Orange</td><td>Banana</td><td>Papaya</td></tr>
      <tr><td>Guava</td><td>Litchi</td><td>Orange</td></tr>
    </table>
33. 33.💬 Does the browser show comments on the page? (a) No (b) Yes
34. 34.🎯 Which CSS selector matches this element?
    <div class="big" id="end">Hello</div> (a) span (b) .red (c) .end (d) .big
35. 35.🛡️ Online: is it safe to share your OTP? (a) not safe (b) safe
36. 36.📝 Does <ul> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
37. 37.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Kites fly high<br>Birds sing<br>Rivers flow</p>
38. 38.⚖️ What colour is the text of this element?
    <h2 class="big" id="logo">Hi</h2>
    CSS:
    #logo { color: green; }
    h2 { color: purple; }
    .big { color: red; } (a) blue (b) green (c) red (d) purple
39. 39.♿ Which link text is clearest? (a) click here (b) Read the fruit facts (c) link (d) here
40. 40.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the shorter one (b) the first one (c) neither (d) the later one

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