Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 682 · 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 words do you click on?
   <a href="games.html">Maths fun</a> (a) games.html (b) href (c) Maths fun (d) Art corner
2. 2.📝 On how many lines does the browser show this paragraph?
   <p>Roses are red<br>Kites fly high</p>
3. 3.📝 Which tag makes a big box for many lines of text? (a) <p> (b) <textarea> (c) <br> (d) <input>
4. 4.True or false: <title> goes in the body. (a) True (b) False
5. 5.💪 Which justify-content value packs boxes at the start? (a) flex-start (b) space-between (c) flex-end (d) center
6. 6.✍️ Which property is set to red in this rule?
   body {
     margin: 10px;
     color: red;
     font-weight: bold;
     border: 2px solid;
   } (a) color (b) text-align (c) font-size (d) red
7. 7.✍️ Which sign ends each CSS declaration? (a) . (b) ; (c) , (d) :
8. 8.✍️ CSS declarations go inside which brackets? (a) ( ) (b) [ ] (c) { } (d) < >
9. 9.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) add CSS styles (b) write the HTML (c) publish it online (d) test in a browser
10. 10.🔢 To build and share your first web page, which comes first: “test in a browser” or “write the HTML”? (a) write the HTML (b) test in a browser
11. 11.Which of these does HTML do? (a) shows a pop-up message (b) changes the page live (c) gives the page structure (d) lays out the page
12. 12.Which of these goes in the head? (a) <ul> (b) <p> (c) <style> (d) <h1>
13. 13.♿ Does this help everyone, or make the page harder to use: add alt text to images? (a) makes it harder (b) helps everyone
14. 14.Which of these is true of <article>? (a) holds the menu of links (b) helps you move around (c) holds a news story (d) sits at the bottom
15. 15.🎯 Which sign starts a class selector? (a) @ (b) # (c) & (d) .
16. 16.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 80px;
      padding: 30px;
      border: 3px solid black;
      margin: 10px;
    }
17. 17.🌈 Which colour of light is strongest in rgb(122, 178, 111)? (a) red (b) blue (c) green
18. 18.⚖️ What colour is the text of this element?
    <h2 class="note" id="intro">Hi</h2>
    CSS:
    #intro { color: blue; }
    .note { color: purple; }
    h2 { color: red; } (a) black (b) red (c) purple (d) blue
19. 19.🖌️ Which CSS property centres a heading? (a) font-size (b) background-color (c) font-weight (d) text-align
20. 20.True or false: in <img>, height tells which image to load. (a) False (b) True
21. 21.True or false: HTML on its own can make bullet lists. (a) True (b) False
22. 22.🔁 How many times does this code print “Hello”?
    for (let i = 2; i < 5; i++) {
      console.log("Hello");
    }
23. 23.🔠 Which heading shows the BIGGEST text: <h2>, <h3>, <h6> or <h4>? (a) <h4> (b) <h2> (c) <h6> (d) <h3>
24. 24.🔗 Which address opens when you click this link?
    <a href="games.html">Play games</a> (a) games.html (b) about.html (c) Play games (d) contact.html
25. 25.✍️ How many declarations (property: value pairs) are in this rule?
    .note {
      text-align: center;
      color: red;
      width: 300px;
    }
26. 26.✍️ In color: blue; which part is the value? (a) blue (b) ; (c) : (d) color
27. 27.🔗 Which address opens when you click this link?
    <a href="contact.html">Visit the site</a> (a) Visit the site (b) contact.html (c) maths.html (d) https://example.com
28. 28.🌍 What do we call the computer that stores a website? (a) a mouse (b) a keyboard (c) a printer (d) a server
29. 29.⚡ Which JavaScript word runs code when true? (a) console.log() (b) for (c) alert() (d) if
30. 30.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
31. 31.🔠 Which heading shows the BIGGEST text: <h2>, <h1>, <h3> or <h5>? (a) <h5> (b) <h1> (c) <h2> (d) <h3>
32. 32.🏷️ Is <h1> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
33. 33.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 160px;
      padding: 5px;
      border: 2px solid black;
      margin: 15px;
    }
34. 34.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="400"> (a) moon.png (b) The full moon (c) Our school bus (d) width
35. 35.🔠 How many headings are in this code?
    <h1>Good morning!</h1>
    <p>My best friend</p>
    <p>My best friend</p>
36. 36.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as 5 spaces (b) as a dot (c) as a new line (d) as one space
37. 37.Which of these is an opening tag? (a) </h1> (b) </p> (c) </title> (d) <h1>
38. 38.🔍 Which is the odd one out? (a) has an address bar (b) shows pages from the web (c) stores a website’s files (d) turns HTML into a page
39. 39.True or false: to meet an online stranger is safe. (a) True (b) False
40. 40.🖌️ What colour are the letters?
    li {
      background-color: red;
      color: purple;
      text-align: left;
      font-size: 16px;
    } (a) black (b) purple (c) red

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