Logo  

CS479/579 - Web Programming II

Displaying ./code/HTML/table2.html

<!DOCTYPE html>
<html>
<head>
 <title> Table 2 example </title>
 <meta charset='utf-8'>
 <style>
  body {
    font-size: 24pt;
    font-family: "Arial";
  }
  table {
    border-collapse: collapse;
  }
  td, th {
    width: 70px; height: 70px;
  }
  td { vertical-align: center; text-align: center; }
 </style>
</head>
<body>
 <h3> Table 2 example </h3>

 <table border=1>
  <tbody>
   <tr>
     <th> A <th colspan=4> B
   <tr>
     <th rowspan=4> C <td> D <td> E <td> F <td rowspan=2> G
   <tr>
     <td colspan=2> H <td> I
   <tr>
     <td colspan=2 rowspan=2> J <td> K <td> L
   <tr>
  </tbody>
 </table>
</body>
</html>