<html> <head> <style type="text/css"> table { /* margin-left: auto; margin-right: auto; will center the table */ margin-left: auto; margin-right: auto; border: 1px solid #000000; font-family: Georgia, Times, serif; } th { border: 1px solid #ff0000; font-size: 1.5em; text-transform: uppercase; } td { border: 1px solid #0000ff; height: 4em; width: 4em; padding: 4px; vertical-align: top; } caption { font-size: 200%; font-style: italic; /* margin-left: auto; margin-right: auto; will center the caption */ margin-left: auto; margin-right: auto; } #red { 	text-align: center; 	background-color: red; 	font-family: Comic Sans MS; 	} #yellow { 	text-align: center; 	background-color: yellow; 	font-family: Comic Sans MS; 	} #pink { 	text-align: center; 	background-color: pink; 	font-family: Comic Sans MS; 	} 	#orange { 	text-align: center; 	background-color: orange; 	font-family: Comic Sans MS; 	} #purple { 	text-align: center; 	background-color: purple; 	font-family: Comic Sans MS; 	} #silver { 	text-align: center; 	background-color: silver; 	font-family: Comic Sans MS; 	} #gold { 	text-align: center; 	background-color: gold; 	font-family: Comic Sans MS; 	} </style> </head> <body> <table border=3> <caption> An Introduction To Tables </caption> <tr> <td id=red colspan="4">cell 1</td> </tr> <tr> <td id=yellow rowspan="2">c<br/>e<br/>l<br/>l<br/> 5</td> <td id=pink colspan="2">cell 6</td> <td id=purple rowspan="2">c<br/>e<br/>l<br/>l<br/> 8</td> </tr> <tr> <td id=silver>cell 10</td> <td id=gold>cell 11</td> </tr> <tr> <td id=orange colspan="4">cell 13</td> </tr> </table>     </body> </html>