table header tag : th « Tags « HTML / CSS






table header tag

     

<?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 the table header attribute</title>
  </head>
  <body>
    <table border="1" summary="Prices for types">
    <caption>Our Pizza Selections</caption>
      <tr>
        <th scope="col">Pizza Type</th>
        <th scope="col">Small</th>
        <th scope="col">Medium</th>
        <th scope="col">Large</th>
      </tr>
      <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>
    </table>
  </body>
</html>

   
    
    
    
  








Related examples in the same category

1.'th' Example
2.'axis' Example
3.'scope' specifies the group of cells to which header information on the current cell refers
4.thead is the first section of a table. It formats the table header area.
5.Basic table with th tag
6.Style for table header
7.Nested table header
8.Table header style
9.Table header format
10.Table header column span
11.Table header and cell overflow hidden
12.Two level of table header
13.table header height: 50px;
14.Three row header
15.Grouped table header
16.Selecting cells in head
17.th height: 29px;
18.th width: 6em;
19.th colspan="2"
20.th, td overflow: hidden;