The TABLE AXECCABLE CODING
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
table,th,td{
border: 2px solid black;
text-align: center;
}
table{
border-collapse: collapse;
}
table{
width: 900px; height: 400px;
}
</style>
<title>table</title>
</head>
<body>
<header>
HTML Table
</header>
<main>
<table>
<caption>
<b>This Student info</b>
</caption>
<colgroup>
<col span="3" style="background-color: bisque;"/>
</colgroup>
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">Name</th>
<th scope="col">GPA</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row">101</td>
<td>Anesul</td>
<td>3.89</td>
</tr>
<tr>
<td scope="row">102</td>
<td>Naim</td>
<td>4.22</td>
</tr>
<tr>
<td scope="row">103</td>
<td>Ashif</td>
<td>5.00</td>
</tr>
<tr>
<td scope="row">104</td>
<td>Anik</td>
<td>4.90</td>
</tr>
<tr>
<td scope="row">105</td>
<td>Hanif</td>
<td>3.90</td>
</tr>
</tbody>
</table>
</main>
</body>
</html>
Comments
Post a Comment