Basic-HTML--CSS----JS-for-MERN/Basic Table.html at main · marleyDip/Basic-HTML--CSS----JS-for-MERN · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Dip Table</title>
  </head>
  <body>
    <table width="600" height="400" border="2" align="center" bgcolor="orange">
      <caption align="top" style="color: rgb(21, 0, 255); font-size: 20px">
        <strong><i>My User Table - First Model</i></strong
        ><br />
        <br />
      </caption>
      <tr>
        <th colspan="3" align="center" bgcolor="green" style="color: white">
          <b><i>User Information</i></b>
        </th>
      </tr>
      <tr>
        <th bgcolor="lightgreen">First Name</th>
        <th bgcolor="yellow">Last Name</th>
        <th bgcolor="aqua">Age</th>
      </tr>
      <tr>
        <td>Deep</td>
        <td>Akand</td>
        <td>22</td>
      </tr>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>30</td>
      </tr>
      <tr>
        <td>Jane</td>
        <td>Smith</td>
        <td>25</td>
      </tr>
    </table>

    <br/>
    <br/>
    <br/>

    <table width="600" height="600" border="2" align="center" bgcolor="pink">
      <caption align="top" style="color: rgb(21, 0, 255); font-size: 20px">
        <strong><i>My User Table - Second Model</i></strong
        ><br />
        <br />
      </caption>
      <tr>
        <th colspan="3" align="center" bgcolor="green" style="color: white">
          <b><i>User Information</i></b>
        </th>
      </tr>
      <tr>
        <th bgcolor="lightgreen" rowspan="3">Full Name</th>
        <td>Deep</td>
        <td>Akand</td>
      </tr>
      <tr>
        <td>John</td>
        <td>Smith</td>
      </tr>
      <tr>
        <td>John</td>
        <td>Doe</td>
      </tr>

        <tr>
            <th bgcolor="yellow" colspan="3">Age</th>

        </tr>
        <tr>
            <td></td>
            <td bgcolor="aqua" colspan="2" align="center">30</td>
        </tr>
        <tr>
            <td></td>
            <td bgcolor="aqua" colspan="2" align="center">20</td>
        </tr>
        <tr>
            <td></td>
            <td bgcolor="aqua" colspan="2" align="center">45</td>
        </tr>

</html>