Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 263 · 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 of these goes in the head? (a) <ul> (b) <title> (c) <table> (d) <a>
2. 2.🔗 Where does this link open?
   <a href="maths.html" target="_blank">About us</a> (a) in a new tab (b) in the same tab
3. 3.📱 min-width: 800px applies when the screen is ___. (a) 800px or wider (b) turned off (c) 800px or narrower (d) exactly 100px
4. 4.🎨 Which tag holds CSS inside the head? (a) <css> (b) <body> (c) <script> (d) <style>
5. 5.🌍 What is the path in this URL?
   https://kids.example.org/maths/tables.html (a) kids.example.org (b) https (c) /maths/tables.html (d) /index.html
6. 6.🖼️ How many pixels wide is the picture drawn?
   <img src="map.png" alt="Map of India" width="400">
7. 7.True or false: a web server saves our .html files. (a) True (b) False
8. 8.♿ Is this heading order correct (no level skipped)?
   <h1> → <h2> → <h2> → <h4> (a) No (b) Yes
9. 9.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="tiger.jpg" alt="A tiger asleep" width="300"> (a) width (b) A red kite (c) tiger.jpg (d) A tiger asleep
10. 10.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="colour"> Pink
      <input type="checkbox" name="colour"> Green
      <input type="checkbox" name="colour"> Orange
      <input type="checkbox" name="colour"> Blue
      <input type="checkbox" name="colour"> Red
    </form>
11. 11.🖼️ Which picture file does the browser load?
    <img src="bus.jpg" alt="Our school bus" width="200"> (a) Our school bus (b) bus.jpg (c) fort.jpg (d) tiger.jpg
12. 12.📝 Which input type takes only numbers? (a) submit (b) radio (c) number (d) date
13. 13.🌈 In #000014 the blue part is the hex number 14. What is it as a normal number?
14. 14.📄 Can HTML on its own make bullet lists? (a) Yes (b) No
15. 15.Which of these is an empty tag? (a) <p> (b) <li> (c) <ul> (d) <input>
16. 16.🔍 Which is the odd one out? (a) sends pages over the net (b) opens web pages for us (c) stores a website’s files (d) hosts websites online
17. 17.💬 How does an HTML comment end? (a) */ (b) --> (c) >> (d) //
18. 18.🔐 Is S0lar!Pen#8 a strong or a weak password? (a) weak (b) strong
19. 19.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 10; i++) {
      total = total + i;
    }
    console.log(total);
20. 20.True or false: body { margin: 0; } goes in style.css. (a) True (b) False
21. 21.🔁 How many times does this code print “Hi”?
    for (let i = 2; i < 5; i++) {
      console.log("Hi");
    }
22. 22.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the first one (b) the later one (c) neither (d) the shorter one
23. 23.🚀 Which file should this code go in: .box { padding: 8px; } (a) style.css (b) script.js (c) index.html
24. 24.🔁 What does i++ do? (a) prints i (b) takes 1 from i (c) adds 1 to i (d) doubles i
25. 25.🔢 To build and share your first web page, which comes LAST? (a) write the HTML (b) test in a browser (c) add CSS styles (d) publish it online
26. 26.⚖️ Which selector is the weakest? (a) an id selector (b) an element selector (c) a class selector
27. 27.🔢 When you open a web page, which comes first: “the browser asks it” or “DNS finds the server”? (a) DNS finds the server (b) the browser asks it
28. 28.True or false: margin is space outside the border. (a) False (b) True
29. 29.🔠 Which tag is the least important heading? (a) <h6> (b) <h3> (c) <p> (d) <h1>
30. 30.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 150px;
      justify-content: flex-end;
    }
    Inside are 2 boxes, each 60px wide (no margins).
31. 31.🖼️ Which picture file does the browser load?
    <img src="moon.png" alt="The full moon" width="50"> (a) The full moon (b) bus.jpg (c) moon.png (d) fort.jpg
32. 32.🌈 Which colour is rgb(255, 255, 255)? (a) magenta (b) yellow (c) white (d) red
33. 33.🔠 Which heading shows the SMALLEST text: <h6>, <h4>, <h5> or <h3>? (a) <h3> (b) <h5> (c) <h6> (d) <h4>
34. 34.♿ Which link text is clearest? (a) Read the fruit facts (b) click here (c) here (d) link
35. 35.🔢 To build and share your first web page, which comes FIRST? (a) test in a browser (b) write the HTML (c) plan what to show (d) publish it online
36. 36.💬 How many paragraphs show on the page?
    <!-- <p>Our school trip</p> -->
    <p>Good morning!</p>
    <p>Fun facts</p>
37. 37.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="sport"> Cricket
      <input type="radio" name="sport"> Chess
      <input type="radio" name="sport"> Hockey
    </form>
38. 38.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
39. 39.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="colour"> Blue
      <input type="radio" name="colour"> Orange
      <input type="radio" name="colour"> Green
      <input type="radio" name="colour"> Red
      <input type="radio" name="colour"> Pink
    </form>
40. 40.💬 How many paragraphs show on the page?
    <p>Our school trip</p>
    <p>Hello, world!</p>
    <!-- <p>I love mangoes.</p> -->
    <p>Cricket is fun.</p>
    <p>My best friend</p>

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