Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 624 · 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 CSS property makes the text bold? (a) font-weight (b) font-family (c) font-size (d) text-align
2. 2.True or false: <ol> lists things in any order. (a) False (b) True
3. 3.Which of these does CSS do? (a) makes headings and lists (b) adds space around boxes (c) gives the page structure (d) makes a link
4. 4.🔠 Which tag is used for the main title on a page? (a) <p> (b) <h1> (c) <h6> (d) <br>
5. 5.🌈 Which colour is #ff00ff? (a) cyan (b) magenta (c) black (d) white
6. 6.🔍 One closing tag is missing. Which one?
   <b>Hello, world!
   <strong>My pets</strong>
   <h2>I love mangoes.</h2> (a) </b> (b) </strong> (c) </h3> (d) </h2>
7. 7.⚡ What number does this code print?
   let books = 26;
   books = books + 6;
   books = books - 5;
   console.log(books);
8. 8.What does justify-content: center do? (a) packs boxes at the end (b) packs boxes at the start (c) equal gaps, none at ends (d) puts boxes in the middle
9. 9.📝 How many <input> tags are in this form?
   <form>
     <input type="number">
     <input type="email">
     <input type="password">
     <input type="text">
     <input type="submit" value="Send">
   </form>
10. 10.💪 Which flexbox property picks row or column? (a) display: flex (b) gap (c) align-items (d) flex-direction
11. 11.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Litchi</td><td>Litchi</td><td>Litchi</td><td>Jamun</td></tr>
      <tr><td>Orange</td><td>Litchi</td><td>Banana</td><td>Papaya</td></tr>
    </table>
12. 12.Which of these is true of <main>? (a) holds a news story (b) is the page’s key part (c) holds a side box of tips (d) holds the logo and title
13. 13.🔠 Which heading shows the SMALLEST text: <h5>, <h4>, <h6> or <h1>? (a) <h1> (b) <h5> (c) <h4> (d) <h6>
14. 14.Which of these is an opening tag? (a) </body> (b) </li> (c) </p> (d) <title>
15. 15.✍️ How many declarations (property: value pairs) are in this rule?
    li {
      font-size: 20px;
      border: 2px solid;
      width: 300px;
    }
16. 16.⚡ Which JavaScript word repeats code? (a) let (b) for (c) if (d) console.log()
17. 17.🏷️ Which is the closing tag for <b>? (a) <b/> (b) </b> (c) <b> (d) <\b>
18. 18.📄 Where does the text of <title> appear? (a) at the bottom (b) on the browser tab (c) nowhere (d) in a big heading
19. 19.Which of these is a weak password? (a) S0lar!Pen#8 (b) Kite_Fl1es@Dawn (c) Mango#Kite29! (d) 123456
20. 20.Which of these goes in the body? (a) <title> (b) <p> (c) <style> (d) <meta charset="utf-8">
21. 21.What does background-color do? (a) picks the font style (b) colours behind the text (c) centres a heading (d) makes the text bold
22. 22.📝 How many paragraphs does this code make?
    <p>The red kite</p>
    <p>Fun facts</p>
    <p>Hello, world!</p>
23. 23.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) Here is my best one. (b) body (c) Class 7 Blog (d) All about me
24. 24.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="fruit"> Papaya
      <input type="checkbox" name="fruit"> Banana
      <input type="checkbox" name="fruit"> Mango
      <input type="checkbox" name="fruit"> Litchi
    </form>
25. 25.💬 How many paragraphs show on the page?
    <!-- <p>Rain today</p> -->
    <p>I love mangoes.</p>
    <p>Our school trip</p>
26. 26.Which of these is an empty tag? (a) <b> (b) <h1> (c) <hr> (d) <title>
27. 27.🔁 Which loop repeats code a set number of times? (a) let (b) for (c) if (d) else
28. 28.True or false: a web browser shows pages from the web. (a) True (b) False
29. 29.True or false: let score = 0; goes in script.js. (a) False (b) True
30. 30.📋 Which tag goes around each item of a list? (a) <ol> (b) <ul> (c) <p> (d) <li>
31. 31.True or false: <main> holds copyright notes. (a) True (b) False
32. 32.🔢 When you open a web page, which comes first: “the browser shows it” or “DNS finds the server”? (a) DNS finds the server (b) the browser shows it
33. 33.True or false: <input type="radio"> hides what you type. (a) True (b) False
34. 34.🖼️ Which tag puts a picture on a page? (a) <p> (b) <pic> (c) <a> (d) <img>
35. 35.🔢 When you open a web page, what comes right after “you type the URL”? (a) the server sends files (b) the browser asks it (c) DNS finds the server (d) the browser shows it
36. 36.🔢 On a typical page, from top to bottom, what comes right after “<header>”? (a) <nav> (b) <footer> (c) <main>
37. 37.Which colour pair is easy to read? (a) blue on purple (b) pink on red (c) yellow on black (d) yellow on white
38. 38.🔗 Which tag makes a clickable link? (a) <p> (b) <img> (c) <a> (d) <link>
39. 39.🧩 Which language makes a link? (a) JavaScript (b) HTML (c) CSS
40. 40.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Banana</td><td>Orange</td></tr>
    </table>

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