|Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Member Perks | Member Login|
HTML Table Tag Tutorial
Browser SupportThe 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:
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:
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.
Check out SEO for YOU now!
Almost a NewsletterSubscribe 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 ]
Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects