## Adding thead, tfoot, tbody, caption, and summary

Example 5.21 - Advanced Table - Example 5.21
| Example 5.21 JSFiddle

- Markup
- Display

     <table summary="This table shows the percentage of the United States population that lived in urban and rural areas from 1800 to 2000.">
       <caption>United States Urban and Rural Populations   </caption>
       <thead>
         <tr>
           <th>Year       </th>
           <th>Percent Urban       </th>
           <th>Percent Rural       </th>     </tr>   </thead>
       <tfoot>
         <tr>
           <td colspan="3">Data from
             <a href="http://www.census.gov/">United States Census Bureau         </a>       </td>     </tr>   </tfoot>
       <tbody>
         <tr>
           <th>2020       </th>
           <td>80.0       </td>
           <td>20.0       </td>     </tr>
         <tr>
           <th>2010       </th>
           <td>80.3       </td>
           <td>19.7       </td>     </tr>
         <tr>
           <th>2000       </th>
           <td>79.2       </td>
           <td>20.8       </td>     </tr>
         <tr>
           <th>1950       </th>
           <td>64.0       </td>
           <td>36.0       </td>     </tr>
         <tr>
           <th>1900       </th>
           <td>39.6       </td>
           <td>60.4       </td>     </tr>
         <tr>
           <th>1850       </th>
           <td>15.4       </td>
           <td>84.6       </td>     </tr>
         <tr>
           <th>1800       </th>
           <td>6.1       </td>
           <td>93.9       </td>     </tr>   </tbody>
     </table>