<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- ここからテーブル（お仕事） -->
<table>
<caption>仕事メニュー一覧
<details>
<summary>列の構成</summary>
<p>仕事メニュー一覧化した表。
<br>1列目が出来ること、2列目が詳細、3列目が価格</p>
</details>
</caption>
<thead>
<tr>
<th scope="col">出来ること</th>
<th scope="col">詳細</th>
<th scope="col">価格</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="3">2099年1月1日の日本</td>
</tr>
</tfoot>
<tbody>
<tr>
<th scope="row" rowspan="2" >残飯処理</th>
<td>あなたの食べ残しを私が食べます。</td>
<td>500円～</td>
</tr>
<tr>
<td>あなたの犬の食べ残しを私が食べます。</td>
<td>500円～</td>
</tr>
<tr>
<th scope="row">週2回のゴミ捨て</th>
<td>あなたの家のゴミ捨てを代行します</td>
<td>600円～</td>
</tr>
<tr>
<th>犬の散歩</th>
<td>あなたのワンちゃんと散歩します</td>
<td>1000円/1h</td>
</tr>
</tbody>
</table>
<!-- ここまでテーブル -->
</body>
</html>
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme