Add column headings to a table

We're going to use the table heading tag (<th>) to add a column headings to a table like this:

1. write a table in the code

   <table border="1">
   	<tr>
   		<td>Ship</td>
   		<td>Speed</td>
   	</tr>
   	<tr>
   		<td>Dragon Ship</td>
   		<td>fast</td>
   	</tr>
   	<tr>
   		<td>Ferry</td>
   		<td>slow</td>
   	</tr>
   </table>
   		

2. save the code and open the page in a browser
   you'll see this:
   

   Ship	Speed
   Dragon Ship	fast
   Ferry	slow

3. Now, let's make "Ship" and "Speed" the headings of their columns by changing <td> to <th> in the code:

   <table border="1">
   	<tr>
   		<th>Ship</th>
   		<th>Speed</th>
   	</tr>
   	<tr>
   		<td>Dragon Ship</td>
   		<td>fast</td>
   	</tr>
   	<tr>
   		<td>Ferry</td>
   		<td>slow</td>
   	</tr>
   </table>
   		

4. save the code and open the page in a browser
   you'll see this:
   

   Ship	Speed
   Dragon Ship	fast
   Ferry	slow

   
   "Ships" and "Speed" have been made bold and centred by the <th> tag!
   

more tutorials to try

you might like to try these tutorials too:

• add a heading to the whole table
• how to write text backwards