web-dev-class/table.html at master · ankitvats4717/web-dev-class · 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
<html>
<head>
      <title>
        Table
      </title>
      <style>
      	    table,td,th,tr{
      	    	border: 1px  solid black;
      	    	border-collapse:collapse;
      	    }
      	    .blue{
      	    	color: blue;
      	    }
      	    #red{
      	    	color: red;
      	    }
      </style>
</head>
       <body>
             <table>
                     <thead  class="blue">
                     	<tr>
                     	    <th colspan="4">
                     	    	Student Information
                            </th>
                        </tr>
                     </thead>
                     <tbody>
                     	    <tr id="red">
                     	    	<th>Student ID</th>
                     	    	<th>Student Name</th>
                     	    	<th>Student Age</th>
                     	    	<th>Student email</th>
                     	    </tr>
                     	     <tr>
                     	     	<td>125</td>
                     	         <td>Sachin</td>
                     	         <td>21</td>
                     	         <td>sachin125@gmail.com</td>
                     	    </tr>
                     	     <tr>
                     	     	<td>126</td>
                     	         <td>Sachi</td>
                     	         <td>20</td>
                     	         <td>sachi126@gmail.com</td>
                     	    </tr>
                     	     <tr>
                     	     	<td>127</td>
                     	         <td>Sam</td>
                     	         <td rowspan="2">21</td>
                     	         <td>sam127@gmail.com</td>
                     	    </tr>
                     	     <tr>
                     	     	<td>128</td>
                     	         <td>Simran</td>
                     	         <td>simran128@gmail.com</td>
                     	    </tr>
                     </tbody>
             </table>
       </body>
</html>