IN.gov - Skip Navigation

Note: This message is displayed if (1) your browser is not standards-compliant or (2) you have you disabled CSS. Read our Policies for more information.

State of Indiana

WebCMS Training > HTML Tutorial > Tables Tables

Tables <table></table> are divided into table rows <tr></tr> with each row divided into table data <td></td>.  Table styles are predefined in the agency CSS and cannot be modified within the table tags with style attributes.

Examples

<table>
  <tr>
    <td> Row 1, cell 1. </td>
    <td> Row 1, cell 2. </td>
  </tr>
  <tr>
    <td> Row 2, cell 1. </td>
    <td> Row 2, cell 2. </td>
  </tr>
</table>





Row 1, cell 1. Row 1, cell 2.
Row 2, cell 1. Row 2, cell 2.

Table headers <th></th> are also predefined in the CSS.

<table>
  <tr>
    <th> Cell 1 </th>
    <th> Cell 2 </th>
  </tr>
  <tr>
    <td> Row 1, cell 1. </td>
    <td> Row 1, cell 2. </td>
  </tr>
  <tr>
    <td> Row 2, cell 1. </td>
    <td> Row 2, cell 2. </td>
  </tr>
</table>






Cell 1 Cell 2
Row 1, cell 1. Row 1, cell 2.
Row 2, cell 1. Row 2, cell 2.

Cells that need to remain empty should contain a non-breaking space code (&nbsp;) otherwise the table will not appear very well in browsers (ex.: <td>&nbsp;</td>)