H63: Using the scope attribute to associate header cells and data cells in data tables

HTML Snippet Code
Scenario 1: Scope attribute is provided properly
Sales for current year
Product Price
Product 1 $126.99
Product 2 $300.75
<table cellspacing="0" border="1" width="200px"> <caption style="color: #000000">Sales for current year</caption> <tbody><tr> <td scope="col">Product</td> <td scope="col">Price</td> </tr> <tr> <td>Product 1</td> <td>$126.99</td> </tr><tr> <td>Product 2</td> <td>$300.75</td> </tr> </tbody></table>
Scenario 2: Scope attribute is provided properly on table head (Th)
Sales for current year
Product Price
Product 1 $126.99
Product 2 $300.75
<table cellspacing="0" border="1" width="200px"> <caption style="color: #000000">Sales for current year</caption> <tbody><tr> <th scope="col">Product</th> <th scope="col">Price</th> </tr> <tr> <td>Product 1</td> <td>$126.99</td> </tr><tr> <td>Product 2</td> <td>$300.75</td> </tr> </tbody></table>
Scenario 3: Scope row attribute is provided for table head (th)
Sales for current year
Product Price
Product 1 $126.99
Product 2 $300.75
<table cellspacing="0" border="1" width="200px"> <caption style="color: #000000">Sales for current year</caption> <tbody><tr> <th scope="col">Product</th> <th scope="col">Price</th> </tr> <tr> <th scope="row">Product 1</th> <td>$126.99</td> </tr><tr> <th scope="row">Product 2</th> <td>$300.75</td> </tr> </tbody></table>