HTML-CSS/exp16Table.html at main · sudeepnagar/HTML-CSS · 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
<!-- example on table tag-->
<DOCTYPE html>
<html lang="en">
   <head>
         <title> my 16th web page</title>
		 <link rel="icone" href="id.png"/>
		 </head>

		 <body>
		      <h3>example on tables<h3>
			  <table>
			      <tr>
				       <th>Slno</th>  <th>Name</th>  <th>Course</th>
				  </tr>
				  <tr>
				       <td>1</td>  <td>Vivek</td>  <td>java</td>
				  </tr>
				  <tr>
				       <td>2</td>  <td>soumy</td>  <td>java</td>
				  </tr>
				  <tr>
				       <td>3</td>  <td>suraj</td>  <td>java</td>
				  </tr>
			  </table>

			  <br> <br>

			  <table border="10" align="center" width="200px">
                  <caption><h2>Marks Report</h2></caption>
				  <tbody align="left"><!--for code clarity purpose if we remove this nothing chages if tbody is not available then we have to align in every tag-->
				     <tr>
					   <th>RollNo</th>  <td>11</td>
					 </tr>
					 <tr>
					   <th>Name</th>  <td>Rama</td>
					 </tr>
					 <tr>
					   <th>HTML</th>  <td>90</td>
					 </tr>
					 <tr>
					   <th>CSS</th>  <td>89</td>
					 </tr>
					 <tr>
					   <th>Javascript</th>  <td>95</td>
					 </tr>
					 </tbody>
					 <tfoot align="right"><!--for code clarity purpose if we remove this nothing chages, if tfoot is not available then we have to align in every tag-->
					   <tr>
					      <th>Total Marks</th> <td>274</td>
					   </tr>
					   <tr>
					      <th>Average</th> <td>91.33</td>
					   </tr>
					   <tr>
					      <th>Grade</th> <td>A+</td>
					   </tr>
					 </tfoot>
			  </table>

		 </body>
		 </html>