Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 950 · 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.💬 How many paragraphs show on the page?
   <!-- <p>Hello, world!</p> -->
   <p>The red kite</p>
   <!-- <p>Our school trip</p> -->
2. 2.📦 In the box model, which part is space inside the border? (a) border (b) padding (c) content (d) margin
3. 3.💬 How many paragraphs show on the page?
   <p>My pets</p>
   <p>Cricket is fun.</p>
   <p>Fun facts</p>
   <!-- <p>Good morning!</p> -->
   <!-- <p>Hello, world!</p> -->
4. 4.🚀 Which file is best for the colours and fonts? (a) style.css (b) script.js (c) photo.jpg (d) index.html
5. 5.📋 What number does the browser show next to “Jamun”?
   <ol>
     <li>Grapes</li>
     <li>Jamun</li>
     <li>Litchi</li>
     <li>Papaya</li>
     <li>Guava</li>
   </ol>
6. 6.🔗 Which tag makes a clickable link? (a) <link> (b) <p> (c) <a> (d) <img>
7. 7.🧭 Which semantic tag holds one blog post? (a) <aside> (b) <header> (c) <article> (d) <main>
8. 8.True or false: a web server shows line numbers. (a) True (b) False
9. 9.True or false: <h1>My Site</h1> goes in script.js. (a) False (b) True
10. 10.♿ Which link text is clearest? (a) link (b) click here (c) Read the fruit facts (d) here
11. 11.Which of these is an empty tag? (a) <h1> (b) <p> (c) <br> (d) <li>
12. 12.🔐 Is 111111 a strong or a weak password? (a) weak (b) strong
13. 13.🎯 What kind of selector is .star? (a) an id selector (b) a class selector (c) an element selector
14. 14.🖌️ How big is the text, in px?
    li {
      text-align: right;
      background-color: orange;
      font-size: 36px;
      color: black;
    }
15. 15.Which of these is true of a code editor? (a) answers page requests (b) opens web pages for us (c) sends pages over the net (d) shows line numbers
16. 16.🔗 Which words do you click on?
    <a href="art.html">Visit the site</a> (a) Visit the site (b) Maths fun (c) art.html (d) href
17. 17.Which of these is a weak password? (a) Blue@Tiger_74 (b) Rain#Drop_42! (c) qwerty (d) Mango#Kite29!
18. 18.📄 Which part holds everything you see on the page? (a) the doctype (b) the body (c) the head (d) the title
19. 19.⚖️ What colour is the text of this element?
    <h1 class="red" id="end">Hi</h1>
    CSS:
    h1 { color: yellow; }
    h1 { color: red; } (a) green (b) yellow (c) red (d) white
20. 20.True or false: JavaScript changes the text size. (a) False (b) True
21. 21.🔗 Which attribute holds the address of a link? (a) alt (b) src (c) href (d) id
22. 22.🧭 Who is helped most by semantic tags? (a) only the server (b) nobody (c) only the printer (d) screen-reader users
23. 23.What does justify-content: space-between do? (a) equal gaps, none at ends (b) puts boxes in the middle (c) packs boxes at the start (d) packs boxes at the end
24. 24.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) add CSS styles (b) publish it online (c) plan what to show (d) write the HTML
25. 25.🔠 Which heading shows the SMALLEST text: <h2>, <h6>, <h1> or <h4>? (a) <h6> (b) <h1> (c) <h2> (d) <h4>
26. 26.True or false: to post your home address is not safe. (a) True (b) False
27. 27.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Mango</td><td>Grapes</td></tr>
      <tr><td>Guava</td><td>Jamun</td></tr>
    </table>
28. 28.🔁 How many times does this code print “Welcome”?
    for (let i = 0; i < 5; i++) {
      console.log("Welcome");
    }
29. 29.Which of these is true of a code editor? (a) answers page requests (b) opens web pages for us (c) turns HTML into a page (d) saves our .html files
30. 30.📝 Which input type hides what you type? (a) text (b) checkbox (c) password (d) email
31. 31.🖼️ Which tag puts a picture on a page? (a) <p> (b) <pic> (c) <img> (d) <a>
32. 32.⚡ Which JavaScript word makes a new variable? (a) alert() (b) for (c) let (d) console.log()
33. 33.🌈 Which colour is rgb(255, 0, 0)? (a) magenta (b) red (c) blue (d) bright green
34. 34.🔍 Which is the odd one out? (a) counts down a timer (b) makes a link (c) puts a picture on a page (d) makes headings and lists
35. 35.🔗 Which address opens when you click this link?
    <a href="quiz.html">Maths fun</a> (a) about.html (b) quiz.html (c) Maths fun (d) games.html
36. 36.🌈 In #rrggbb, which colour do the last two digits give? (a) blue (b) red (c) green (d) white
37. 37.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
38. 38.True or false: a web server colours code to help us. (a) True (b) False
39. 39.⚡ What does alert() show? (a) a new tab (b) a table (c) a pop-up box (d) a picture
40. 40.🎯 Which element does the selector div style? (a) <span> (b) <div class="red"> (c) <h1 id="main"> (d) <p class="red">

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