Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 664 · 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 tag is the least important heading? (a) <h3> (b) <h1> (c) <p> (d) <h6>
2. 2.🔠 How many headings are in this code?
   <h1>Cricket is fun.</h1>
   <h3>My pets</h3>
   <h4>My best friend</h4>
   <h3>Our school trip</h3>
   <p>Rain today</p>
3. 3.🔢 To build and share your first web page, which comes first: “add CSS styles” or “test in a browser”? (a) test in a browser (b) add CSS styles
4. 4.🔗 Which words do you click on?
   <a href="maths.html">Play games</a> (a) maths.html (b) href (c) About us (d) Play games
5. 5.🚀 Which file should this code go in: alert("Hi"); (a) index.html (b) script.js (c) style.css
6. 6.True or false: <input type="number"> picks a day. (a) False (b) True
7. 7.🔢 To build and share your first web page, which comes FIRST? (a) publish it online (b) write the HTML (c) plan what to show (d) test in a browser
8. 8.⚡ Which JavaScript word repeats code? (a) console.log() (b) if (c) alert() (d) for
9. 9.Which of these is a weak password? (a) Blue@Tiger_74 (b) abcd1234 (c) Chai$Cup_19x (d) Kite_Fl1es@Dawn
10. 10.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the shorter one (b) the first one (c) the later one (d) neither
11. 11.🎯 What kind of selector is p? (a) a class selector (b) an element selector (c) an id selector
12. 12.💬 Which text will NOT show on the page?
    <p>My pets</p>
    <p>I love mangoes.</p>
    <!-- <p>Our school trip</p> --> (a) My pets (b) Our school trip (c) I love mangoes.
13. 13.Which of these is padding? (a) the gap to other boxes (b) the line round the box (c) space inside the border (d) space outside the border
14. 14.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Jamun</td><td>Jamun</td><td>Litchi</td><td>Jamun</td></tr>
      <tr><td>Orange</td><td>Guava</td><td>Orange</td><td>Jamun</td></tr>
      <tr><td>Litchi</td><td>Guava</td><td>Guava</td><td>Guava</td></tr>
    </table>
15. 15.🔢 When you open a web page, what comes right after “the server sends files”? (a) the browser asks it (b) you type the URL (c) the browser shows it (d) DNS finds the server
16. 16.🎯 Which CSS selector matches this element?
    <p class="box" id="hero">Hello</p> (a) .hero (b) .star (c) #box (d) .box
17. 17.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 70px;
      padding: 30px;
      border: 2px solid black;
      margin: 15px;
    }
18. 18.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 150px;
      padding: 30px;
      border: 4px solid black;
      margin: 10px;
    }
19. 19.📊 How many cells are in each row?
    <table>
      <tr><td>Mango</td><td>Mango</td></tr>
      <tr><td>Mango</td><td>Jamun</td></tr>
      <tr><td>Guava</td><td>Orange</td></tr>
      <tr><td>Orange</td><td>Guava</td></tr>
    </table>
20. 20.🌈 Which colour is rgb(255, 0, 0)? (a) blue (b) red (c) cyan (d) yellow
21. 21.🔍 Which line is missing its closing tag?
    line 1: <strong>Good morning!</strong>
    line 2: <h3>Our school trip
    line 3: <u>Hello, world!</u> (a) line 2 (b) line 1 (c) line 3
22. 22.🎯 What kind of selector is img? (a) an id selector (b) a class selector (c) an element selector
23. 23.💪 Which justify-content value packs boxes at the start? (a) flex-start (b) space-between (c) flex-end (d) center
24. 24.🔠 How many heading levels does HTML have? (a) 6 (b) 4 (c) 10 (d) 3
25. 25.🔗 Which address opens when you click this link?
    <a href="maths.html">Maths fun</a> (a) art.html (b) Maths fun (c) news.html (d) maths.html
26. 26.True or false: <ol> lists steps in order. (a) False (b) True
27. 27.🌈 Which colour is #00ff00? (a) yellow (b) bright green (c) blue (d) red
28. 28.🌗 Is blue on purple easy or hard to read? (a) hard to read (b) easy to read
29. 29.🔗 Which address opens when you click this link?
    <a href="quiz.html">Play games</a> (a) quiz.html (b) games.html (c) about.html (d) Play games
30. 30.True or false: <b> has a closing tag. (a) True (b) False
31. 31.True or false: <main> sits at the bottom. (a) False (b) True
32. 32.♿ Who uses a screen reader? (a) only coders (b) only teachers (c) only robots (d) people who are blind
33. 33.True or false: <style> goes in the body. (a) True (b) False
34. 34.🧭 Which semantic tag holds the menu of links? (a) <nav> (b) <aside> (c) <main> (d) <footer>
35. 35.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>The red kite</p>
    <p>I love mangoes.</p>
    <p>I love mangoes.</p>
36. 36.Which of these is a strong password? (a) 123456 (b) qwerty (c) Mango#Kite29! (d) riya2014
37. 37.🔁 Which loop repeats code a set number of times? (a) let (b) else (c) for (d) if
38. 38.🧭 How many <main> parts should a page have? (a) ten (b) one (c) three (d) none
39. 39.🌈 Which colour is #ffffff? (a) black (b) magenta (c) white (d) bright green
40. 40.🎯 What kind of selector is #logo? (a) a class selector (b) an id selector (c) an element selector

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