Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 499 · 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.💬 How many paragraphs show on the page?
   <!-- <p>My pets</p> -->
   <!-- <p>My best friend</p> -->
   <p>Good morning!</p>
   <!-- <p>Hello, world!</p> -->
2. 2.💪 Which flexbox property spaces boxes along a row? (a) gap (b) justify-content (c) align-items (d) display: flex
3. 3.Which of these is an empty tag? (a) <h1> (b) <b> (c) <title> (d) <input>
4. 4.Which of these is an opening tag? (a) </h1> (b) </p> (c) </li> (d) <body>
5. 5.True or false: h1 { font-size: 32px; } goes in index.html. (a) False (b) True
6. 6.🧭 Is <main> semantic or not semantic? (a) not semantic (b) semantic
7. 7.📄 Where does <title> go: in the head or in the body? (a) in the head (b) in the body
8. 8.🛡️ Online: is it safe to share your password? (a) not safe (b) safe
9. 9.💪 How much empty space (px) is left after the last box?
   .row {
     display: flex;
     width: 290px;
     justify-content: flex-start;
   }
   Inside are 3 boxes, each 80px wide (no margins).
10. 10.📄 Can HTML on its own make headings? (a) Yes (b) No
11. 11.📋 How many items does this list show?
    <ul>
      <li>Orange</li>
      <li>Papaya</li>
    </ul>
12. 12.🎨 Which tag holds CSS inside the head? (a) <body> (b) <script> (c) <style> (d) <css>
13. 13.🎯 What kind of selector is #main? (a) a class selector (b) an id selector (c) an element selector
14. 14.True or false: <a href="a.html">Go</a> goes in index.html. (a) True (b) False
15. 15.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Guava</td><td>Papaya</td></tr>
      <tr><td>Mango</td><td>Grapes</td></tr>
      <tr><td>Mango</td><td>Litchi</td></tr>
    </table>
16. 16.🔠 Which heading shows the SMALLEST text: <h1>, <h6>, <h2> or <h5>? (a) <h2> (b) <h6> (c) <h5> (d) <h1>
17. 17.✍️ What is the selector in this CSS rule?
    .box {
      margin: 10px;
      font-style: italic;
    } (a) italic (b) margin (c) h2 (d) .box
18. 18.💬 Which text will NOT show on the page?
    <p>Good morning!</p>
    <!-- <p>Rain today</p> -->
    <p>The red kite</p> (a) The red kite (b) Rain today (c) Good morning!
19. 19.True or false: a web browser sends pages over the net. (a) True (b) False
20. 20.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the first one (c) the shorter one (d) the later one
21. 21.🚀 Should file names have spaces, like my page.html? (a) Yes (b) No
22. 22.Which of these does JavaScript do? (a) gives the page structure (b) counts down a timer (c) makes headings and lists (d) changes the text size
23. 23.⚡ What does this code show?
    let name = "Zoya";
    console.log("Hello, " + name + "!"); (a) Zoya (b) name (c) Hello, name! (d) Hello, Zoya!
24. 24.🔗 Where does this link open?
    <a href="games.html">Take the quiz</a> (a) in a new tab (b) in the same tab
25. 25.⚖️ What colour is the text of this element?
    <h2 class="note" id="logo">Hi</h2>
    CSS:
    #logo { color: white; }
    .note { color: red; } (a) green (b) yellow (c) red (d) white
26. 26.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 250px;
      padding: 5px;
      border: 5px solid black;
      margin: 15px;
    }
27. 27.🧩 Which language makes headings and lists? (a) CSS (b) JavaScript (c) HTML
28. 28.🔢 On a typical page, from top to bottom, which comes FIRST? (a) <header> (b) <nav> (c) <main> (d) <footer>
29. 29.🖼️ Which tag puts a picture on a page? (a) <p> (b) <a> (c) <img> (d) <pic>
30. 30.🔢 When you open a web page, which comes LAST? (a) the browser shows it (b) you type the URL (c) the browser asks it (d) DNS finds the server
31. 31.Which of these is an empty tag? (a) <h1> (b) <p> (c) <b> (d) <br>
32. 32.💬 Which text will NOT show on the page?
    <p>Cricket is fun.</p>
    <!-- <p>My pets</p> -->
    <p>The red kite</p> (a) My pets (b) Cricket is fun. (c) The red kite
33. 33.True or false: alert("Hi"); goes in style.css. (a) True (b) False
34. 34.🔗 Which words do you click on?
    <a href="about.html">School news</a> (a) Take the quiz (b) href (c) about.html (d) School news
35. 35.🖼️ Which picture file does the browser load?
    <img src="tiger.jpg" alt="A tiger asleep" width="300"> (a) map.png (b) A tiger asleep (c) tiger.jpg (d) kite.png
36. 36.True or false: <li> is an empty tag. (a) True (b) False
37. 37.Which of these is safe to do online? (a) type a password on http (b) share your OTP (c) put secrets in comments (d) log out on shared PCs
38. 38.True or false: in <img>, width sets how tall it is. (a) False (b) True
39. 39.🔢 In a basic web page file, which comes LAST? (a) <!DOCTYPE html> (b) <body> (c) <head> (d) </html>
40. 40.True or false: to share your password is not safe. (a) False (b) True

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