Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 178 · 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 sign starts an id selector? (a) . (b) & (c) @ (d) #
2. 2.📦 How much space across (px) does this box take in all, margin included?
   .box {
     width: 190px;
     padding: 10px;
     border: 4px solid black;
     margin: 15px;
   }
3. 3.🎯 What kind of selector is .card? (a) a class selector (b) an element selector (c) an id selector
4. 4.🎯 What kind of selector is li? (a) an element selector (b) a class selector (c) an id selector
5. 5.Which of these does JavaScript do? (a) makes headings and lists (b) counts down a timer (c) lays out the page (d) makes a link
6. 6.🎯 Which sign starts a class selector? (a) # (b) & (c) @ (d) .
7. 7.🧭 Which semantic tag holds copyright notes? (a) <header> (b) <article> (c) <aside> (d) <footer>
8. 8.♿ Who uses a screen reader? (a) only coders (b) people who are blind (c) only robots (d) only teachers
9. 9.🔗 Which address opens when you click this link?
   <a href="quiz.html">Maths fun</a> (a) games.html (b) Maths fun (c) about.html (d) quiz.html
10. 10.True or false: <table> makes a heading cell. (a) False (b) True
11. 11.What is <input type="checkbox"> for? (a) hides what you type (b) takes only numbers (c) lets you tick many (d) sends the form
12. 12.⚡ Which tag holds JavaScript in a page? (a) <js> (b) <script> (c) <style> (d) <code>
13. 13.⚖️ What colour is the text of this element?
    <h2 class="big" id="main">Hi</h2>
    CSS:
    h2 { color: yellow; }
    h2 { color: green; } (a) white (b) yellow (c) purple (d) green
14. 14.📝 Does <p> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
15. 15.📝 What does <hr> draw? (a) a table (b) a link (c) a picture (d) a line across the page
16. 16.🔢 In a basic web page file, which comes FIRST? (a) <head> (b) </body> (c) </html> (d) <!DOCTYPE html>
17. 17.🔗 What does target="_blank" do to a link? (a) hides the link (b) opens it in a new tab (c) makes it blank (d) makes it bold
18. 18.Which of these is a closing tag? (a) <p> (b) <li> (c) <h1> (d) </li>
19. 19.🔗 Where does this link open?
    <a href="games.html">School news</a> (a) in the same tab (b) in a new tab
20. 20.True or false: <input type="radio"> hides what you type. (a) False (b) True
21. 21.⚡ What number does this code print?
    let marks = 6;
    marks = marks + 14;
    marks = marks - 18;
    console.log(marks);
22. 22.🔐 Is 111111 a strong or a weak password? (a) strong (b) weak
23. 23.🏷️ Is <b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
24. 24.📄 Which part holds everything you see on the page? (a) the head (b) the doctype (c) the title (d) the body
25. 25.🎯 Which element does the selector p style? (a) <li id="end"> (b) <p class="star"> (c) <h2 class="star"> (d) <h1>
26. 26.🌈 In #00b300 the green part is the hex number b3. What is it as a normal number?
27. 27.Which of these goes in the head? (a) <ul> (b) <h1> (c) <p> (d) <meta charset="utf-8">
28. 28.Which of these is true of a web browser? (a) saves our .html files (b) hosts websites online (c) shows line numbers (d) turns HTML into a page
29. 29.🧭 Which semantic tag holds extra side notes? (a) <article> (b) <nav> (c) <aside> (d) <main>
30. 30.💬 How does an HTML comment start? (a) // (b) <!-- (c) /* (d) #
31. 31.✍️ What is the selector in this CSS rule?
    .box {
      font-weight: bold;
      padding: 8px;
    } (a) h2 (b) font-weight (c) .box (d) 8px
32. 32.🖌️ What colour are the letters?
    h2 {
      text-align: center;
      font-size: 16px;
      color: red;
      background-color: black;
    } (a) black (b) red (c) yellow
33. 33.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Mango</td><td>Litchi</td><td>Guava</td></tr>
      <tr><td>Papaya</td><td>Jamun</td><td>Papaya</td></tr>
      <tr><td>Jamun</td><td>Mango</td><td>Banana</td></tr>
    </table>
34. 34.True or false: <ul> is an unordered list. (a) True (b) False
35. 35.Which of these is an empty tag? (a) <p> (b) <br> (c) <h1> (d) <title>
36. 36.💬 How many paragraphs show on the page?
    <p>I love mangoes.</p>
    <!-- <p>Good morning!</p> -->
    <!-- <p>Fun facts</p> -->
37. 37.🖼️ Which attribute of <img> shows if the image fails? (a) src (b) height (c) width (d) alt
38. 38.🔢 When you open a web page, what comes right after “you type the URL”? (a) the server sends files (b) DNS finds the server (c) the browser asks it (d) the browser shows it
39. 39.🌈 Hex digits go 0 to 9, then A to which letter? (a) J (b) G (c) F (d) Z
40. 40.🔠 Which heading shows the SMALLEST text: <h1>, <h4>, <h3> or <h6>? (a) <h3> (b) <h6> (c) <h1> (d) <h4>

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