HTML » Charts

Here is the code for a chart with 3 rows (room for 2 horses, and headings). The table starts with a <table> tag and ends with a </table> tag. Each row starts with a <tr> tag and ends with a </tr> tag. To make more rows, copy a row and paste it below the row you want the new row to appear. That means, copy from <tr> to the first </tr> tag you see. To make another border color than black, change the bordercolor to the color you want. Green has the hex code #FF0000 so to make the border color green, replace #000000 with #FF0000.

<table border="1" cellpadding="0" style="border-collapse: collapse" width="650" bordercolor="#000000" id="charttbl">
<!--Headings-->
<tr>
<td bgcolor="#FF80FF"><b>Name</b></td>
<td bgcolor="#FF80FF"><b>Breed</b></td>
<td bgcolor="#FF80FF"><b>Age</b></td>
<td bgcolor="#FF80FF"><b>Gender</b></td>
<td bgcolor="#FF80FF"><b>Sire</b></td>
<td bgcolor="#FF80FF"><b>Dam</b></td>
<td bgcolor="#FF80FF"><b>Price/fee</b></td>
</tr>
<!--horse 1-->
<tr>
<td>Enter name</td>
<td>Enter breed</td>
<td>Enter age</td>
<td>Enter gender</td>
<td>Enter sire</td>
<td>Enter dam</td>
<td>Enter price</td>
</tr>
<!--horse 2-->
<tr>
<td>Enter name</td>
<td>Enter breed</td>
<td>Enter age</td>
<td>Enter gender</td>
<td>Enter sire</td>
<td>Enter dam</td>
<td>Enter price</td>
</tr>
</table>

Change the bgcolor to the color you want, by inserting the wanted hex color.

Result:

NameBreedAgeGenderSireDamPrice/fee
Enter nameEnter breedEnter ageEnter genderEnter sireEnter damEnter price
Enter nameEnter breedEnter ageEnter genderEnter sireEnter damEnter price