Program:
Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Table TAG</title>
<style>
body {
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<!-- Simple Table -->
<h3> Simple Table </h3>
<table border="10">
<th> Data 1 </th>
<th> Value </th>
<tr>
<td> Website: </td>
<td> CodingAtharva </td>
</tr>
<tr>
<td> Instagram </td>
<td> @theatharvagrawal </td>
</tr>
</table>
<!-- Table with Col Span -->
<h3> Table with Coll Span </h3>
<table border="3">
<tr>
<th> Data 1 </th>
<th> Value </th>
</tr>
<tr>
<td colspan="2"> Website: </td>
<td> CodingAtharva </td>
</tr>
<tr>
<td> Instagram </td>
<td> @theatharvagrawal </td>
</tr>
</table>
<!-- Table With Row Span -->
<h3> Table With Row Span </h3>
<table border="3">
<th> Data 1 </th>
<th> Value </th>
<tr>
<td rowspan="2"> Website: </td>
<td> CodingAtharva </td>
</tr>
<tr>
<td> GeeksforGeeks </td>
<td> IG: @theatharvagrawal </td>
</tr>
</table>
<!-- Custom Table with CSS -->
<h3> Custom Table with CSS </h3>
<table collspan="1" style=" border: 1px solid black;">
<th> Data 1 </th>
<th> Value </th>
<tr>
<td> Website: </td>
<td> CodingAtharva </td>
</tr>
<tr>
<td> Instagram </td>
<td> @theatharvagrawal </td>
</tr>
</table>
</body>
</html>
Output:
1 Comments:
Click here for Commentshow did you do all this website styling in blogger