| Serial No | Name | Address | Phone No |
|---|---|---|---|
| 1.Saiful | Dhaka | 0173470.. | |
| 2.Rana | 0173523... | ||
| 0155178... | |||
| 3.Faruk | Khulna | 016728... | |
Just copy the code and paste in where you want to create the table.
<!DOCTYPE html>
<html>
<style type="text/css">
table,th,td {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
padding: 10px 10px;
background-color: yellow;
color:#9400D3;
}
table{
width: 50%;
height: 500px;
margin: auto;
}
table,th {
background-color: #00CED1;
color: blue;
font-size: 20px;
}
</style>
<head>
<title>A List Bank Officer</title>
</head>
<body>
<div>
<table>
<tr>
<th>Serial No</th>
<th>Name</th>
<th>Address</th>
<th>Phone No</th>
</tr>
<tr>
<td colspan="2">1.Saiful</td>
<td rowspan="3">Dhaka</td>
<td>0173470..</td>
</tr>
<tr>
<td colspan="2" rowspan="2">2.Rana</td>
<td>0173523...</td>
</tr>
<tr>
<td>0155178...</td>
</tr>
<tr>
<td colspan="2">3.Faruk</td>
<td>Khulna</td>
<td>016728...</td>
</tr>
</table>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<style type="text/css">
table,th,td {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
padding: 10px 10px;
background-color: yellow;
color:#9400D3;
}
table{
width: 50%;
height: 500px;
margin: auto;
}
table,th {
background-color: #00CED1;
color: blue;
font-size: 20px;
}
</style>
<head>
<title>A List Bank Officer</title>
</head>
<body>
<div>
<table>
<tr>
<th>Serial No</th>
<th>Name</th>
<th>Address</th>
<th>Phone No</th>
</tr>
<tr>
<td colspan="2">1.Saiful</td>
<td rowspan="3">Dhaka</td>
<td>0173470..</td>
</tr>
<tr>
<td colspan="2" rowspan="2">2.Rana</td>
<td>0173523...</td>
</tr>
<tr>
<td>0155178...</td>
</tr>
<tr>
<td colspan="2">3.Faruk</td>
<td>Khulna</td>
<td>016728...</td>
</tr>
</table>
</div>
</body>
</html>
