table header foot : tfoot « Tags « HTML / CSS






table header foot

   

<?xml version"1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Using an alternate way to create a table</title>
  </head>
  <body>
    <table border="1" summary="This table provides the pricing information">
      <thead>
        <tr>
          <th>P</th>
          <th>S</th>
          <th>M</th>
          <th>L</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td scope="row"># Pieces</td>
          <td>8</td>
          <td>12</td>
          <td>16</td>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td scope="row">Thin Crust</td>
          <td>3.99</td>
          <td>4.99</td>
          <td>6.99</td>
        </tr>
        <tr>
          <td scope="row">Deep Dish</td>
          <td>4.99</td>
          <td>6.99</td>
          <td>8.99</td>
        </tr>
        <tr> 
          <td scope="row">Stuffed Crust</td>
          <td>5.99</td>
          <td>7.99</td>
          <td>9.99</td>
        </tr>
      </tbody>
    </table>
</body>
</html>

   
    
  








Related examples in the same category

1.'tfoot' defines table footer
2.Style for table footer
3.Table footer style
4.Only header and footer have border
5.Add extra row to the footer
6.tfoot tag is the last section of a table, which formats the table footer
7.Style for table footer: background, color and font
8.Selecting cells in foot
9.tfoot td border: thin solid black;text-align: center;font-weight: bold;
10.tfoot th, tfoot td {border-top: 2px solid #666; color: #363;}