表にキャプションをつける
● 表にキャプションをつけよう！
表に キャプション（タイトル）をつけてみましょう
キャプションは 表の上 か 下につけることができます<caption>タイトル</caption> で 設定します
では やってみましょう
<table width="400" border="1>
<caption> 当番表 </caption>
<tr>
<th>月曜日 </th><th>火曜日 </th><th>水曜日 </th><th>木曜日 </th>
</tr>
<tr>
<td>田中</td><td>加藤</td><td>鈴木</td><td>藤田</td>
</tr>
</table>
<caption> 当番表 </caption>
<tr>
<th>月曜日 </th><th>火曜日 </th><th>水曜日 </th><th>木曜日 </th>
</tr>
<tr>
<td>田中</td><td>加藤</td><td>鈴木</td><td>藤田</td>
</tr>
</table>
すると 下のようになります
| 月曜日 | 火曜日 | 水曜日 | 木曜日 |
|---|---|---|---|
|
田中
|
加藤 | 鈴木 | 藤田 |
今度は キャプションを下につけてみます<caption align="bottom"> で 表の下にキャプションを設定します
<table width="400" border="1>
<caption align="bottom"> 当番表 </caption>
<tr>
<th>月曜日 </th><th>火曜日 </th><th>水曜日 </th><th>木曜日 </th>
</tr>
<tr>
<td>田中</td><td>加藤</td><td>鈴木</td><td>藤田</td>
</tr>
</table>
<caption align="bottom"> 当番表 </caption>
<tr>
<th>月曜日 </th><th>火曜日 </th><th>水曜日 </th><th>木曜日 </th>
</tr>
<tr>
<td>田中</td><td>加藤</td><td>鈴木</td><td>藤田</td>
</tr>
</table>
すると 下のようになります
| 月曜日 | 火曜日 | 水曜日 | 木曜日 |
|---|---|---|---|
|
田中
|
加藤 | 鈴木 | 藤田 |
ちなみに align="right" や align="left" を指定すると
キャプションの位置は上で 指定した文字が右側 左側 に寄って設定されます
時間があったら やってみましょう
aligen="right" の場合
| 月曜日 | 火曜日 | 水曜日 | 木曜日 |
|---|---|---|---|
|
田中
|
加藤 | 鈴木 | 藤田 |
align="left" の場合
| 月曜日 | 火曜日 | 水曜日 | 木曜日 |
|---|---|---|---|
|
田中
|
加藤 | 鈴木 | 藤田 |
ジャンル別一覧
人気のクチコミテーマ
-
-
- 楽天市場でショッピング！ 楽天市場…
- 金属アレルギー対応！サージカルステ…
- (2024-12-03 11:00:11)
-
-
-
- 新製品発売情報・予約情報
- 急いで！！本ズワイガニがWクーポン…
- (2024-11-28 01:21:10)
-
© Rakuten Group, Inc.
