Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 762 · 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 colour is #000000? (a) white (b) magenta (c) bright green (d) black
2. 2.True or false: HTML on its own cannot make bullet lists. (a) True (b) False
3. 3.True or false: <ul> goes in the head. (a) True (b) False
4. 4.Which of these is true of <nav>? (a) helps you move around (b) holds the logo and title (c) holds one blog post (d) is the page’s key part
5. 5.📄 What is the first line of an HTML5 page? (a) <head> (b) <body> (c) <html> (d) <!DOCTYPE html>
6. 6.True or false: <li> goes inside ul or ol. (a) True (b) False
7. 7.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) write the HTML (b) add CSS styles (c) plan what to show (d) publish it online
8. 8.🎯 Which CSS selector matches this element?
   <h1 class="red" id="logo">Hello</h1> (a) .red (b) .box (c) h2 (d) #end
9. 9.♿ Does this help everyone, or make the page harder to use: link text “click here”? (a) helps everyone (b) makes it harder
10. 10.True or false: alert("Hi"); goes in style.css. (a) False (b) True
11. 11.🎯 Which CSS selector matches this element?
    <li class="box" id="logo">Hello</li> (a) #end (b) .logo (c) #box (d) li
12. 12.🚀 Which file should this code go in: .box { padding: 8px; } (a) index.html (b) script.js (c) style.css
13. 13.🔗 Which address opens when you click this link?
    <a href="about.html">Art corner</a> (a) about.html (b) contact.html (c) Art corner (d) https://example.com
14. 14.📝 What does <p> make? (a) a link (b) a paragraph (c) a table (d) a picture
15. 15.🌈 Which hex code is white? (a) #00ffff (b) #ffffff (c) #ff00ff (d) #ff0000
16. 16.🖼️ How many pixels wide is the picture drawn?
    <img src="tiger.jpg" alt="A tiger asleep" width="300">
17. 17.Which of these is a weak password? (a) Blue@Tiger_74 (b) 123456 (c) Kite_Fl1es@Dawn (d) Rain#Drop_42!
18. 18.🚀 Which tag loads script.js into a page? (a) <a href="script.js"> (b) <link script.js> (c) <script src="script.js"> (d) <js src="script.js">
19. 19.📋 How many items does this list show?
    <ol>
      <li>Grapes</li>
      <li>Jamun</li>
      <li>Mango</li>
      <li>Banana</li>
    </ol>
20. 20.🖼️ How many pixels wide is the picture drawn?
    <img src="kite.png" alt="A red kite" width="200">
21. 21.🏷️ Which is the closing tag for <h2>? (a) <h2/> (b) <h2> (c) <\h2> (d) </h2>
22. 22.🔗 Which address opens when you click this link?
    <a href="news.html">Maths fun</a> (a) games.html (b) Maths fun (c) news.html (d) quiz.html
23. 23.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <h2>Cricket is fun.</h2>
    <h2>My best friend</h2>
    <h3>Fun facts</h3>
24. 24.⚖️ What colour is the text of this element?
    <h2 class="star" id="hero">Hi</h2>
    CSS:
    #hero { color: green; }
    #hero { color: yellow; } (a) yellow (b) red (c) green (d) black
25. 25.📝 Does <b> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
26. 26.Which of these is an empty tag? (a) <input> (b) <ul> (c) <p> (d) <li>
27. 27.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 3 (c) 1 (d) 10
28. 28.📊 Which tag makes one data cell? (a) <caption> (b) <tr> (c) <td> (d) <table>
29. 29.Which of these is a weak password? (a) qwerty (b) Kite_Fl1es@Dawn (c) Chai$Cup_19x (d) Rain#Drop_42!
30. 30.🔗 Which address opens when you click this link?
    <a href="news.html">Contact us</a> (a) news.html (b) quiz.html (c) games.html (d) Contact us
31. 31.🔁 What does this code print?
    let score = 16;
    if (score >= 10) {
      console.log("You win");
    } else {
      console.log("Play again");
    } (a) You win (b) Play again
32. 32.💬 Which text will NOT show on the page?
    <p>Fun facts</p>
    <!-- <p>My best friend</p> -->
    <p>Cricket is fun.</p>
    <p>Good morning!</p> (a) Cricket is fun. (b) Good morning! (c) Fun facts (d) My best friend
33. 33.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <h4>My best friend</h4>
    <p>Cricket is fun.</p>
    <p>Fun facts</p>
34. 34.📦 In the box model, which part is the text or picture? (a) content (b) border (c) padding (d) margin
35. 35.📋 Which list tag lists steps in order? (a) <li> (b) <ul> (c) <ol>
36. 36.📛 In <a href="x.html">, what is href? (a) a closing tag (b) a comment (c) an element name (d) an attribute
37. 37.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="300"> (a) map.png (b) kite.png (c) A red kite (d) cake.jpg
38. 38.True or false: in <img>, height sets how tall it is. (a) False (b) True
39. 39.🔐 Is Mango#Kite29! a strong or a weak password? (a) weak (b) strong
40. 40.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="email">
      <input type="submit" value="Send">
    </form>

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