| Month | ||||||
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
| 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 | |||||
<!DOCTYPE html>
<html>
<head>
<style>
table {
border: 5px solid black; background: aqua;
}
.tabmonth {
border: 1px solid black;background: white; color: purple; text-align: center; font-weight: bold;font-size: 24px; font-family: "arial black";
}
.tabweek {
border: 1px solid black;background: white; color: red; text-align: center; font-weight: bold; font-family: "Comic Sans MS";
}
td {
border: 1px solid black;background: yellow; color: blue
}
</style>
</head>
<body>
<h1>Calendar</h1>
<table>
<tr>
<td class="tabmonth" colspan="7">Month</td>
</tr>
<tr class="tabweek">
<td>Sun</td>
<td>Mon</td>
<td>Tue</td>
<td>Wed</td>
<td>Thu</td>
<td>Fri</td>
<td>Sat</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>