<html>
<head>
<style type="text/css">
p {color: green; }
body {background-color: light blue; }
p {font-family: courier}
td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}
table.one
{
border-collapse: separate;
border-spacing: 10px
}
table.two
{
border-collapse: separate;
border-spacing: 10px 50px
}
</style>
</head>
<body>
<table border="1" width="50%" cellpadding="10">
<tr>
<td colspan="4">A</td>
</tr>
<tr> <td colspan="2">B</td>
<td colspan="2" rowspan="2">D</td>
<tr> <td colspan="2">C</td>
</tr>
</table>
<br> </br>
<br> </br>
<table border="1" width="50%" cellpadding="10">
<tr>
<td rowspan="4" >A</td>
<td rowspan="4" >B</td>
</tr>
<tr> <td colspan="4">C</td>
</tr>
<tr>
<td colspan="2">D</td>
<td colspan="2">E</td>
</tr>
</table>
<br> </br>
<br> </br>
<table border="5" width="75%" cellpadding="20">
<tr>
<td>Type of Site</td>
<td>Web Address</td>
</tr>
<tr>
<td>Transaction-oriented</td>
<td><a href="http://www.orbitz.com/">
Orbitz</a></td>
</tr>
<tr>
<td>Inner-directed</td>
<td><a href="http://www.gvelawoffice.com/">
Law Office</a></td>
</tr>
<tr>
<td>Information-oriented</td>
<td><a href="http://www.yelp.com/">
Yelp</a></td>
</tr>
<tr>
<td>Relationship-oriented</td>
<td><a href="http://www.ebay.com/">
Ebay</a></td>
</tr>
</table>
</body>
</html>