<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>応用問題2</title>
<style>
<style>
table{
}
.cal th{
}
.cal td{
}
.cal tr td:nth-of-type(1){
}
.cal tr td:nth-of-type(7){
}
.cal tr:nth-of-type(2n+1){
}
</style>
</style>
</head>
<body>
<h1>応用問題2</h1>
<article>
<h2>カレンダー</h2>
<figure>
<table class="cal">
<caption>2016年5月</caption>
<colgroup span="7" style="width:3em">
<tr>
<th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th>
</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>31</td><td></td><td></td><td></td><td></td>
</tr>
</table>
</figure>
</article>
</body>
</html>