HTML TABLE WITH IMAGE | TABLE IMAGE AND TEXT
<html>
<head>
<title>Table</title>
<style>
table{
background-color: skyblue;
border:1px solid black;
border-radius: 7px;
font-family: calibri;
}
td{
border-bottom: 1px solid gray;
}
img{
border:1px solid black;
}
</style>
</head>
<body>
<table align="center" width="400">
<tr>
<td colspan="3">
<h1 align="center">Bright Oil Factory</h1>
</td>
</tr>
<tr>
<td align="right">
<font color="white"> Name: </font>
</td>
<td>Abdur Rehman</td>
<td rowspan="4" align="center" >
<img src="rehman.jpg" width="80">
</td>
</tr>
<tr>
<td align="right">
<font color="white"> S/O: </font>
</td>
<td>Muhammad Sadiq</td>
</tr>
<tr>
<td align="right">
<font color="white"> ID: </font>
</td>
<td>7609</td>
</tr>
<tr>
<td align="right">
<font color="white">Phone:</font>
</td>
<td>03006983615</td>
</tr>
<tr>
<td colspan="3" align="center">
<font color="white">Address:</font> Model Town Bahawalnagar
</td>
</tr>
</table>
</body>
</html>
==============================
WATCH THIS TUTORIAL VIDEO
No comments:
if you have any doubts, please let me know