プロが教えるホームページの作り方

プロが教えるホームページの作り方
プロが教えるホームページの作り方		ホーム　｜メール

スポンサードリンク

タグ一覧

役立つ豆知識

リンク

姉妹サイト

スポンサードリンク

初心者のためのホームページの作り方

ホーム　＞　テーブル　＞　セルのキャプション

■セルのキャプションをつける

<caption>～</caption>
<caption align="★">～</caption>
★･････top,bottom,left,right

表のキャプション(タイトル)は<caption>タグで指定します。
<table>タグの直後にひとつだけ配置できます。

キャプションの位置を指定します。
top
┗表の上野中央揃えで表示(初期値)
bottom
┗表の下に中央揃えで表示
left
┗表の左側に表示
right
┗表の右側に表示

記入例。

メモ帳

ファイル(F) 編集(E) 書式(O) 表示(V) ヘルプ(H)

<!DOCTYPE HTML PUBLIC-"//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>

</head>
<body>

<table border="1">
<caption>タイトル</caption>
<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
　<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
　<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>

<table border="1">
<caption align="right">タイトル</caption>
　<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
　<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
　<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>

</body>
</html>

表示結果。
　　　　

タイトル
セル1:1	セル1:2	セル1:3
セル2:1	セル2:2	セル2:3
セル3:1	セル3:2	セル3:3

タイトル
セル1:1	セル1:2	セル1:3
セル2:1	セル2:2	セル2:3
セル3:1	セル3:2	セル3:3