Following Topics were covered in Third Lecture:
- Table
Example:
<!DOCTYPE html>
<html>
<head>
<style>
thead{color:red;}
tbody{color:green;}
tfoot{color:blue;}
table, tr, td, th
{
border:2px solid black;
background:pink;
}
</style>
</head>
<body>
<table>
<thead>
<th> Name </th>
<th> Roll # </th>
<th> Marks </th>
</thead>
<tbody>
<tr>
<td> Mubeen </td>
<td> 1 </td>
<td> 95 </td>
</tr>
<tr>
<td> Waqar </td>
<td> 2 </td>
<td> 93 </td>
</tr>
<tr>
<td> Basit </td>
<td> 3 </td>
<td> 96 </td>
</tr>
<tr>
<td> Hussain </td>
<td> 4 </td>
<td> 92 </td>
</tr>
<tr>
<td> Unaiza </td>
<td> 5 </td>
<td> 93 </td>
</tr>
<tr>
<td> Hasan </td>
<td> 6 </td>
<td> 98 </td>
</tr>
<tr>
<td> Irma </td>
<td> 7 </td>
<td> 91 </td>
</tr>
<tr>
<td> Danish </td>
<td> 8 </td>
<td> 99 </td>
</tr>
<tr>
<td> Anas </td>
<td> 9 </td>
<td> 100 </td>
</tr>
<tr>
<td> Danish Mansoor </td>
<td> 10 </td>
<td> 92 </td>
</tr>
</tbody>
<tfoot>
<tr>
<td> Total </td>
<td> ----- </td>
<td> 956 </td>
</tr>
</tfoot>
</table>
</body>
</html>
|
No comments:
Post a Comment