Tuesday 17 July 2012

How to create Table cells that span more than one row/column


<!DOCTYPE html>
<html>
<body>

<h4>Cell that spans two columns:</h4>
<table border="1">
<tr>
  <th>Name</th>
  <th colspan="2">Telephone</th>
</tr>
<tr>
  <td>Bill bore</td>
  <td>555 77 888</td>
  <td>555 77 888</td>
</tr>
</table>

<h4>Cell that spans two rows:</h4>
<table border="1">
<tr>
  <th>First Name:</th>
  <td>Bill bore</td>
</tr>
<tr>
  <th rowspan="2">Telephone:</th>
  <td>555 77 888</td>
</tr>
<tr>
  <td>555 77 888</td>
</tr>
</table>

</body>
</html>

0 Responses to “How to create Table cells that span more than one row/column”

Post a Comment