HTML Tables

This page contains HTML table code - HTML codes for specifying or changing the look of your tables within your blog or web page.

HTML tables are created using the HTML <table> tag along with other tags that are nested inside it (such as the <tr> and <td> elements). The look and style of your tables is defined using Cascading Style Sheets (CSS).

Here, you can find heaps of examples that demonstrate how you can change the look of your tables.

Basic Table Code:

Code	Result
<table border="1" style="width:200px;"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>	Cell 1 Cell 2 Cell 3 Cell 4

Table Text Example: Table header Table header Table cell 1 Table cell 2 Table cell 3 Table cell 4 Get Code More HTML text codes	Table Borders Example: Table header Table header Table cell 1 Table cell 2 Table cell 3 Table cell 4 Get Code More HTML border codes
Table Background Color Example: Table header Table header Table cell 1 Table cell 2 Table cell 3 Table cell 4 Get Code More HTML Color HTML Color Picker	Table Background Image Example: Table header Table header Table cell 1 Table cell 2 Table cell 3 Table cell 4 Get Code Background Image Codes Free Background Patterns

HTML Table Elements

In HTML, tables are created using the following elements:

• <table>
• <tr>
• <th>
• <td>
• <thead>
• <tfoot>
• <tbody>
• <caption>
• <colgroup>

See the <table> element to see the exact syntax required to create tables.

Enjoy this page?

2. Link to this page (copy/paste into your own website or blog):
   <a href="http://www.quackit.com/html/codes/tables/">HTML Tables</a> from Quackit.com
3. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!