HTML for Tables

go to: Structure | Text | Tables | Links | Images |

These are not to be used for layout in this class. If you would use Excel or a spreadsheet for some data, then by all means use an HTML Table.

This code:

      <table>
        <tr>
          <td> 1st column, row 1
          </td>
          <td> 2nd column, row 1
          </td>        
        </tr>
      </table>

      

Creates this table:

1st column, row 1

2nd column, row 1

 

Replacing <td> with <th> creates a header which is by default displayed bold and centered as per below. Also note this table has border set to 1 so you can see the table borders. <table border="1">

:

col1 (header)	col 2 (header)	col 3 (header)
col 1, row 2	col 2 Row 2	col 3 row 2

 

Also note that tables can have accessibility issues for the blind. See these notes on Accessible Tables.

 

go to: Structure | Text | Tables | Links | Images |