Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 414 · 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 list suits a shopping list in any order? (a) <hr> (b) <ol> (c) <ul> (d) <br>
2. 2.🖌️ Where does the text sit on its line?
   h1 {
     color: purple;
     background-color: blue;
     font-size: 28px;
     text-align: center;
   } (a) in the middle (b) on the right (c) on the left
3. 3.🖌️ Which CSS property makes the text bold? (a) text-align (b) font-size (c) font-family (d) font-weight
4. 4.📦 In the box model, which part is space inside the border? (a) margin (b) content (c) padding (d) border
5. 5.🖌️ How big is the text, in px?
   p {
     background-color: yellow;
     color: green;
     text-align: center;
     font-size: 20px;
   }
6. 6.🧭 How many <main> parts should a page have? (a) ten (b) one (c) none (d) three
7. 7.True or false: a web browser opens web pages for us. (a) True (b) False
8. 8.💪 Which justify-content value packs boxes at the start? (a) flex-start (b) flex-end (c) center (d) space-between
9. 9.🌈 Hex digits go 0 to 9, then A to which letter? (a) Z (b) J (c) G (d) F
10. 10.Which of these is a weak password? (a) Rain#Drop_42! (b) password (c) Kite_Fl1es@Dawn (d) Blue@Tiger_74
11. 11.📋 What number does the browser show next to “Guava”?
    <ol start="7">
      <li>Grapes</li>
      <li>Banana</li>
      <li>Litchi</li>
      <li>Guava</li>
    </ol>
12. 12.Which of these does JavaScript do? (a) changes the text size (b) rounds box corners (c) makes a link (d) shows a pop-up message
13. 13.Which of these is safe to do online? (a) keep passwords secret (b) type a password on http (c) post your home address (d) share your OTP
14. 14.⚖️ What colour is the text of this element?
    <p class="big" id="intro">Hi</p>
    CSS:
    .big { color: green; }
    #intro { color: orange; } (a) orange (b) green (c) blue (d) red
15. 15.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) Thanks for visiting. (b) Planets (c) Class 7 Blog (d) index.html
16. 16.⚡ Which JavaScript word repeats code? (a) alert() (b) let (c) if (d) for
17. 17.True or false: the border is a solid or dotted edge. (a) True (b) False
18. 18.📦 In the box model, which part is a solid or dotted edge? (a) border (b) content (c) padding (d) margin
19. 19.🌈 Which colour is #ff0000? (a) cyan (b) yellow (c) bright green (d) red
20. 20.Which of these is true of a web server? (a) shows line numbers (b) saves our .html files (c) opens web pages for us (d) answers page requests
21. 21.🏷️ Is <body> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
22. 22.🎯 Which element does the selector .box style? (a) <h1 id="box"> (b) <h1 class="star"> (c) <h2 class="menu"> (d) <h1 class="box">
23. 23.💬 Why do coders write comments? (a) to add colour (b) to leave notes (c) to make links (d) to show pictures
24. 24.True or false: the URL sends the page back. (a) False (b) True
25. 25.💬 Which text will NOT show on the page?
    <!-- <p>Rain today</p> -->
    <p>Cricket is fun.</p>
    <p>Good morning!</p>
    <p>My pets</p> (a) My pets (b) Cricket is fun. (c) Good morning! (d) Rain today
26. 26.⚡ Which word makes a new variable? (a) put (b) make (c) let (d) give
27. 27.🔍 Which line is missing its closing tag?
    line 1: <h3>Cricket is fun.
    line 2: <h2>My pets</h2>
    line 3: <small>Our school trip</small> (a) line 2 (b) line 1 (c) line 3
28. 28.🌍 What is the path in this URL?
    http://school.example.in/index.html (a) /index.html (b) /art/gallery.html (c) school.example.in (d) http
29. 29.🖼️ Which attribute of <img> shows if the image fails? (a) src (b) height (c) alt (d) width
30. 30.💬 Which text will NOT show on the page?
    <p>Hello, world!</p>
    <p>Fun facts</p>
    <!-- <p>My best friend</p> --> (a) Fun facts (b) My best friend (c) Hello, world!
31. 31.🌈 Which hex code is yellow? (a) #00ff00 (b) #ff00ff (c) #ff0000 (d) #ffff00
32. 32.🖌️ What colour is behind the letters?
    li {
      text-align: left;
      font-size: 32px;
      background-color: yellow;
      color: green;
    } (a) yellow (b) orange (c) green
33. 33.True or false: “use headings in order” makes the page harder to use. (a) True (b) False
34. 34.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <h4>The red kite</h4>
    <p>The red kite</p>
    <p>Our school trip</p>
35. 35.🔤 In “HTML”, what does the M stand for? (a) Modern (b) Markup (c) Machine (d) Mouse
36. 36.🌈 Which colour is rgb(0, 255, 0)? (a) blue (b) white (c) magenta (d) bright green
37. 37.🔠 Which heading shows the BIGGEST text: <h4>, <h1>, <h3> or <h5>? (a) <h1> (b) <h4> (c) <h3> (d) <h5>
38. 38.🚀 Which tag loads script.js into a page? (a) <script src="script.js"> (b) <js src="script.js"> (c) <a href="script.js"> (d) <link script.js>
39. 39.True or false: <aside> holds the logo and title. (a) True (b) False
40. 40.💬 How many paragraphs show on the page?
    <p>My best friend</p>
    <!-- <p>Fun facts</p> -->
    <!-- <p>Rain today</p> -->
    <p>Good morning!</p>
    <p>I love mangoes.</p>

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