Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 788 · 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 text will NOT show on the page?
   <p>Good morning!</p>
   <!-- <p>Our school trip</p> -->
   <p>I love mangoes.</p> (a) I love mangoes. (b) Good morning! (c) Our school trip
2. 2.🔢 When you open a web page, which comes LAST? (a) the server sends files (b) DNS finds the server (c) the browser shows it (d) you type the URL
3. 3.🎯 Which element does the selector p style? (a) <li id="intro"> (b) <h1> (c) <h2 class="note"> (d) <p class="note">
4. 4.🌈 Which colour of light is strongest in rgb(5, 171, 33)? (a) green (b) blue (c) red
5. 5.🏷️ Which is the closing tag for <p>? (a) <\p> (b) <p> (c) </p> (d) <p/>
6. 6.🔠 Which heading shows the BIGGEST text: <h2>, <h5>, <h3> or <h1>? (a) <h5> (b) <h3> (c) <h1> (d) <h2>
7. 7.Which of these goes in the head? (a) <link rel="stylesheet"> (b) <img> (c) <table> (d) <h1>
8. 8.🔠 How many heading levels does HTML have? (a) 10 (b) 3 (c) 6 (d) 4
9. 9.🔠 How many headings are in this code?
   <h1>My pets</h1>
   <p>The red kite</p>
   <h2>Hello, world!</h2>
   <p>Good morning!</p>
   <h3>My pets</h3>
10. 10.♿ Is this heading order correct (no level skipped)?
    <h1> → <h1> → <h1> → <h3> (a) Yes (b) No
11. 11.📊 Which tag makes one table row? (a) <td> (b) <tr> (c) <caption> (d) <th>
12. 12.🎯 Which CSS selector matches this element?
    <h1 class="star" id="main">Hello</h1> (a) h1 (b) #star (c) .menu (d) h2
13. 13.True or false: <hr> is an empty tag. (a) True (b) False
14. 14.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 180px;
      padding: 20px;
      border: 4px solid black;
      margin: 5px;
    }
15. 15.🌍 What is the protocol in this URL?
    https://learn.example.com/art/gallery.html (a) /art/gallery.html (b) https (c) learn.example.com (d) http
16. 16.📄 Where does the text of <title> appear? (a) at the bottom (b) on the browser tab (c) nowhere (d) in a big heading
17. 17.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 360px;
      justify-content: center;
    }
    Inside are 3 boxes, each 80px wide (no margins).
18. 18.What is <input type="radio"> for? (a) is for one line of words (b) is for an email address (c) lets you tick many (d) lets you pick only one
19. 19.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Jamun</td><td>Orange</td></tr>
    </table>
20. 20.🎯 Which element does the selector div style? (a) <h1 id="logo"> (b) <p class="star"> (c) <div class="star"> (d) <span>
21. 21.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Papaya</td><td>Mango</td></tr>
      <tr><td>Papaya</td><td>Guava</td></tr>
      <tr><td>Grapes</td><td>Grapes</td></tr>
    </table>
22. 22.✍️ Which sign goes between a property and its value? (a) ; (b) = (c) : (d) -
23. 23.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Kites fly high<br>Sky is blue</p>
24. 24.🔠 Which heading shows the SMALLEST text: <h1>, <h4>, <h5> or <h3>? (a) <h5> (b) <h3> (c) <h1> (d) <h4>
25. 25.True or false: <table> goes in the head. (a) True (b) False
26. 26.🔗 Which tag makes a clickable link? (a) <a> (b) <link> (c) <img> (d) <p>
27. 27.✍️ What is the selector in this CSS rule?
    h2 {
      font-style: italic;
      text-align: center;
    } (a) center (b) h2 (c) h1 (d) font-style
28. 28.🔠 Are headings shown in bold by default? (a) Yes (b) No
29. 29.What is <input type="email"> for? (a) is for one line of words (b) takes only numbers (c) is for an email address (d) sends the form
30. 30.🔠 Which heading shows the BIGGEST text: <h1>, <h6>, <h4> or <h3>? (a) <h6> (b) <h1> (c) <h3> (d) <h4>
31. 31.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Papaya</td><td>Guava</td><td>Guava</td><td>Grapes</td></tr>
    </table>
32. 32.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ul> (c) <hr> (d) <ol>
33. 33.🔍 Which is the odd one out? (a) hosts websites online (b) answers page requests (c) sends pages over the net (d) opens web pages for us
34. 34.🔍 Which is the odd one out? (a) puts a picture on a page (b) adds space around boxes (c) makes a link (d) gives the page structure
35. 35.📄 Where does <style> go: in the head or in the body? (a) in the head (b) in the body
36. 36.💬 Which text will NOT show on the page?
    <p>Hello, world!</p>
    <!-- <p>The red kite</p> -->
    <p>Cricket is fun.</p>
    <p>My pets</p> (a) The red kite (b) My pets (c) Hello, world! (d) Cricket is fun.
37. 37.True or false: <input type="text"> is for one line of words. (a) True (b) False
38. 38.True or false: HTML makes a form box. (a) False (b) True
39. 39.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 17; i = i + 2) {
      console.log(i);
    }
40. 40.What does justify-content: center do? (a) packs boxes at the start (b) puts boxes in the middle (c) packs boxes at the end (d) equal gaps, none at ends

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