FHTML/Aq6.html at main · utsav1213/FHTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Product Comparison</title>
  </head>
  <body>
    <h1>Product Comparison Table</h1>

    <table border="1">
      <colgroup>
        <col span="1" style="background-color: #e0e0e0" />
        <col />
        <col />
        <col />
      </colgroup>
      <thead>
        <tr>
          <th scope="col">Feature</th>
          <th scope="col">Product A</th>
          <th scope="col">Product B</th>
          <th scope="col">Product C</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row">Price</th>
          <td>$500</td>
          <td>$600</td>
          <td>$550</td>
        </tr>
        <tr>
          <th scope="row">Warranty</th>
          <td>1 year</td>
          <td>2 years</td>
          <td>1 year</td>
        </tr>
        <tr>
          <th scope="row">Rating</th>
          <td>4.5/5</td>
          <td>4.7/5</td>
          <td>4.3/5</td>
        </tr>
        <tr>
          <th scope="row">Additional Feature</th>
          <td>Bluetooth, Water-resistant</td>
          <td>Wi-Fi, Noise Cancelling</td>
          <td>Voice Assistant</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td colspan="4">
            Summary: Product A has the best value for price, while Product B
            offers the longest warranty.
          </td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>