Colour table columns

Here is an example table:

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

<tr bgcolor="red">
	<td>Ship</td>
	<td>Speed</td>
</tr>
		

<tr bgcolor="red">
	<td bgcolor="yellow">Ship</td>
	<td>Speed</td>
		

1. write a table in the code

   <table border="1">
   	<tr>
   		<td>Ship</td>
   		<td>Speed</td>
   	</tr>
   	<tr>
   		<td>Dragon Ship</td>
   		<td>slow</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	slow
   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>slow</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	slow
   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