HTML Table Tag Tutorial

Browser Support

The HTML table tag opens a table. Tables are used to present data in a tidy format. Tables are also frequently used to define the layout of web pages.

An HTML table has one or more table row (tr) elements, one or more table data (td) elements, and may have table header (th) elements.

More complex HTML tables may have additional elements, such as:

caption
col
colgroup
thead
tfoot
tbody

As well as additional HTML attributes and CSS properties such as:

summary
border-collapse
border-spacing

There's even more, but this table tutorial is about the basics. Here's the code for a basic table:

<table border="1" cellpadding="3">
<tr>
<th>Important Date</th>
<th>Event</th>
</tr><tr>
<td>March 4</td>
<td>Sue's Birthday</td>
</tr><tr>
<td>May 22</td>
<td>Mom's Birthday</td>
</tr><tr>
<td>September 30</td>
<td>Wedding Anniversary</td>
</tr>
</table>

Here's how that would look on a web page:

Important Date	Event
March 4	Sue's Birthday
May 22	Mom's Birthday
September 30	Wedding Anniversary

The border and cellpadding shown in the first line are not required attributes and can safely be removed.

Based on your interest in this tutorial you may also be interested in:

This concludes the HTML Table Tag Tutorial.

Back | HTML Tag Chart | HTML Index | Web Design Tutorials

If you want your web site to rank high in the search engines . . . what are you going to do to get it there? Check out my search engine optmization guide, SEO for YOU: Search Engine Optimization for Ordinary Everyday People!

Check out SEO for YOU now!

Almost a Newsletter

Subscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:

Did you know...

The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]