Hits: 24,962
Home >> Tools >> Table Maker

HTML Table Maker

Table Width by Height (100px or 50%)
Table Border (HTML) OR
Table Border (CSS)
Border Color (black, #000000)
Border Width (thin, thick, 1px, 3px)
Table Class

Table Cell Spacing
Include Header Row (th)
Header (th) Background Web Safe Colors
OR Header Class (CSS Only)

Cols (x) Rows (y)
Cell (td) Background
Cell Alignment
OR Cell Class (CSS Only)

Format table Using
Preview
<table cellspacing="1" class="MyTable" style="border: thin solid black;width: 300px;Height: 250px;"
   summary="Your summary here">
<tr>
	<th style="background: #CCCCCC">header</th>
	<th style="background: #CCCCCC">header</th>
	<th style="background: #CCCCCC">header</th>
	<th style="background: #CCCCCC">header</th>
	<th style="background: #CCCCCC">header</th>

</tr>
<tr>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>

</tr>
<tr>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>

</tr>
<tr>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>

</tr>
<tr>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>

</tr>
<tr>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>
	<td style="background: #CCCCFF;text-align: center;">cell</td>

</tr>
</table>


Preview
header header header header header
cell cell cell cell cell
cell cell cell cell cell
cell cell cell cell cell
cell cell cell cell cell
cell cell cell cell cell