HTML Table Inner

From w3cyberlearnings

HTML Inner Table

Create the inner table within another table.

Example 1 TRY-IT

This example, we create an inner table within another table.


<!DOCTYPE html>
<html>
	<head>
		<title>Inner Table</title>
		<style>
			table {
				border:1px solid #000;
			}
			td {
				vertical-align: text-top;
			}
		</style>
	</head>
	<body>
<table>
<tr>
	<th>Name</th>
	<th>Address</th>
	<th>Position</th>
</tr>
<tr>
	<td>
		Bob Maat
	</td>
	<td>
		<table>
			<tr>
				<td>Address 1:</td>
				<td>Lake Street</td>
			</tr>
			<tr>
				<td>Address 2:</td>
				<td>490 Ave</td>
			</tr>
			<tr>
				<td>Village:</td>
				<td>Rattank Village</td>
			</tr>
			<tr>
				<td>State:</td>
				<td>Battambang</td>
			</tr>
		</table>
	</td>
	<td>
		HTML Designer
	</td>
</tr>
</table>
	</body>
</html>

Search

HTML Table Inner

HTML Inner Table

Example 1 TRY-IT

Related Link

Navigation

Web

SQL

MISC

References

Personal tools

Namespaces

Variants

Views

Actions