Add a heading to a table


We're going to use the <caption> tag to add a heading to a table like this:

Our Ships
Ship Speed
Dragon Ship slow
Ferry slow
  1. write a table in the code
    <table border="1">
    	<tr>
    		<td><b>Ship</b></td>
    		<td><b>Speed</b></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 add a heading by writing this in the table code:
    <table border="1">
    	<caption>Our Ships</caption>
    	<tr>
    		<td><b>Ship</b></td>
    		<td><b>Speed</b></td>
    	</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:
    Our Ships
    Ship Speed
    Dragon Ship slow
    Ferry slow

    the title "Our Ships" has been added above the table!

more tutorials to try


you might like to try these tutorials too:

Go Berserk Book

Buy Now to buy for
£11.99 US$17.99 €13.99 (not incl. P&P)
for 1 or 2 books
Buy more and save!
Email sales@go-berserk.com
for 3 books or more.



Go Berserk CSS Book

Buy Now to buy for a special price of
£8.99 US$13.99 €11.99 (not incl. P&P)
for 1 or 2 books
Buy more and save!
Email sales@go-berserk.com
for 3 books or more.