Lessons:

  • 20. HTML Merging Cells
  • 21. HTML Text Wrapping
  • 22. HTML Table Background Image
  • 23. HTML Table Cell Alignment

HTML Codes:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Cell Merge</title>
</head>

<body>
	<table background="tablebg.jpg" width="600" border="1">
	 	<tr>
			<td colspan="2" align="center">My expenses</td>
		</tr>
		<tr>
			<td align="center">Month</td>
			<td align="center">Amount</td>
		</tr>
		<tr>
			<TD align="center">January</TD>
			<td align="center">$100</td>
		</tr>
		<tr>
			<td align="center">February</td>
			<td align="center">$100</td>
		</tr>
		<tr>
			<td align="center">Total: $200</td>
			<td align="center">Total: $200</td>
		</tr>
	</table>
</body>
</html>

Compiled:

Cell Merge
My expenses
Month Amount
January $100
February $100
Total: $200 Total: $200

Link:

Cellmerge.html