Learning the Basics with the Source Code Reference

What you are about to see is a table that is pretty basic. It is not overly fancy but it goes give the general idea on how it works and operates.

Cleveland IndiansRecord
1920Champs
<table border="1">
<tr><th>Cleveland Indians</th><th>Record</th></tr>
<tr><td>1920</td><td>Champs</td></tr>
</table>

Let me break it down for you so that it is clear.

Example source code for basic HTML table
<table> Starts the table
border="1" Set border's width is 1 pixel.
<tr> Starts first row
<th> Starts first header cell of the first row
Cleveland Indians First cell content
</th> End first header cell of the first row
<th> Starts second header cell of first row
Record Second header cell content
</th> Ends second header cell of the first row
</tr> Ends first row
<tr> Starts second row
<td> Starts first cell of second row
1920 First cell, second row contents
</td> Ends first cell of second row
<td> Starts second cell of second row
Champs Second cell, second row contents
</td> Ends second cell of second row
</tr> Ends second row
</table> Ends table

What you see is the basic knowledge of how to pull off a table. Once you try it a few times, it will be easier to understand and this should help you in your next mission to go even further. The next example will be with more detail and attempting to show you how it works more so. But just for one more example on how it works, here will be a basic sample table without being overly fancy.

<table border="10" bgcolor="#ffcc00" bordercolor="#0000ff" width="300">
<tr><td>Cleveland Indians</td><td>MLB</td></tr>
<tr><td>Cleveland Browns</td><td bgcolor="#00cc55">NFL</td></tr>
<tr><td>Cleveland Cavaliers</td><td>NBA</td></tr>
</table>
Cleveland IndiansMLB
Cleveland BrownsNFL
Cleveland CavaliersNBA

This example show how you can decorate your table: make a color background, select cells with different colors, set a color of table borders. This table has a very large border. It isn't necessary because it is just an example of how deep the border can go. Here is one final example of a basic table.

Wrestling
WWETNA

You should understand this and now you can see an example of how it looks with slightly more detail.

HTML tables menu.