2022-S.Keito/task04.html at 53d37d9459c4f0426541a3b1bfe926a518806b3e

Fork: 0

koekiInfoDesign / 2022-S.Keito

Find file

Newer

Older

2022-S.Keito / task04.html

Sasaki keito on 3 Jun 2022 1 KB Update task04.html

Raw Blame History

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>５月のカレンダー</title>
<style>
</style>
<link rel="stylesheet" type="text/css" href="task04.css">
</head>

<body>
  <div class="calendar-container">
    <h1>2022年5月</h1>
    <table class="calendar">
      <tr class="week">
        <th>日</th>
        <th>月</th>
        <th>火</th>
        <th>水</th>
        <th>木</th>
        <th>金</th>
        <th>土</th>
      </tr>
      <tr class="day1">
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
      </tr>
      <tr class="day2">
        <td>8</td>
        <td>9</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
        <td>13</td>
        <td>14</td>
      </tr>
      <tr class="day3">
        <td>15</td>
        <td>16</td>
        <td>17</td>
        <td>18</td>
        <td>19</td>
        <td>20</td>
        <td>21</td>
      </tr>
      <tr class="day4">
        <td>22</td>
        <td>23</td>
        <td>24</td>
        <td>25</td>
        <td>26</td>
        <td>27</td>
        <td>28</td>
      </tr>
      <tr class="day5">
        <td>29</td>
        <td>30</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </table>
  </div>
	<h3>うれしいこと・かなしいこと</h3>
		<p class="happy">うれしいこと：当たり付き自動販売機で当たったこと</p>
		<p class="sad">かなしいこと：Amazonで購入した商品が不良品だったこと</p>
</body>
</html>