Thumbnail Sample Page

 

This is a table code to create a basic looking calendar. You can alter the size and colors to suit your needs. Download this Clear Image to use in the blank table cells to help hold them opened. The table code is below the sample.

Monday Tuesday Wednesday Thursday Friday Saturday Sunday
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

Here is the table code for the sample calendar above. Copy then paste it to your Html document and edit to your needs.

<table bgcolor="#ffdab9" width="80%" border="1" cellspacing="0" cellpadding="5" bordercolor="#ff0000">
<tr><td bgcolor="#fafad2" align="center">
<b>Monday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Tuesday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Wednesday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Thursday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Friday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Saturday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Sunday</b></td>
</tr><tr>
<td width="75" height="60">
<b>1</b></td>
<td width="75" height="60">
<b>2</b></td>
<td width="75" height="60">
<b>3</b></td>
<td width="75" height="60">
<b>4</b></td>
<td width="75" height="60">
<b>5</b></td>
<td width="75" height="60">
<b>6</b></td>
<td width="75" height="60">
<b>7</b></td>
</tr><tr>
<td width="75" height="60">
<b>8</b></td>
<td width="75" height="60">
<b>9</b></td>
<td width="75" height="60">
<b>10</b></td>
<td width="75" height="60">
<b>11</b></td>
<td width="75" height="60">
<b>12</b></td>
<td width="75" height="60">
<b>13</b></td>
<td width="75" height="60">
<b>14</b></td>
</tr><tr>
<td width="75" height="60">
<b>15</b></td>
<td width="75" height="60">
<b>16</b></td>
<td width="75" height="60">
<b>17</b></td>
<td width="75" height="60">
<b>18</b></td>
<td width="75" height="60">
<b>19</b></td>
<td width="75" height="60">
<b>20</b></td>
<td width="75" height="60">
<b>21</b></td>
</tr><tr>
<td width="75" height="60">
<b>22</b></td>
<td width="75" height="60">
<b>23</b></td>
<td width="75" height="60">
<b>24</b></td>
<td width="75" height="60">
<b>25</b></td>
<td width="75" height="60">
<b>26</b></td>
<td width="75" height="60">
<b>27</b></td>
<td width="75" height="60">
<b>28</b></td>
</tr><tr>
<td width="75" height="60">
<b>29</b></td>
<td width="75" height="60">
<b>30</b></td>
<td width="75" height="60">
<b>31</b></td>
<td width="75" height="60">
<img src="clear.gif" width="1" height="1"></td>
<td width="75" height="60">
<img src="clear.gif" width="1" height="1"></td>
<td width="75" height="60">
<img src="clear.gif" width="1" height="1"></td>
<td width="75" height="60">
<img src="clear.gif" width="1" height="1"></td>
</tr></table>