けとけと。の自由帳

サイド自由欄

動画ページ
HOT!まいろ

< 新しい記事

新着記事一覧(全5592件)

過去の記事 >

2004年01月07日

テーブルタグのお話その２

(6)

テーマ：基礎のHTML(5)

カテゴリ：未整理

昨日の続きです（＾＾）

残りの．．．

<TH>
<CAPTION>

について説明します．

<TH>

　これは <TR> ～ </TR> で１行余分に作って，その中に <TD> ～ </TD> <TH> ～ </TH> を列（縦１列）のタイトルとして定義します．
そうすると， <TH> ～ </TH> の中に書いた文字はセンタリングされ太字になります．

列タイトル 列タイトル 列タイトル
セル１Ａ セル１Ｂ セル１Ｃ
セル２Ａ セル２Ｂ セル２Ｃ
セル３Ａ セル３Ｂ セル３Ｃ

タグを書くとこんな感じです．

<TABLE>
<TR>
<TH> 列タイトル </TH>
<TH> 列タイトル </TH>
<TH> 列タイトル </TH>
</TR>
<TR>
<TD> セル１Ａ </TD>
<TD> セル１Ｂ </TD>
<TD> セル１Ｃ </TD>
</TR>
<TR>
<TD> セル２Ａ </TD>
<TD> セル２Ｂ </TD>
<TD> セル２Ｃ </TD>
</TR>
<TR>
<TD> セル３Ａ </TD>
<TD> セル３Ｂ </TD>
<TD> セル３Ｃ </TD>
</TR>
</TABLE>

<CAPTION>

　これは <CAPTION> </CAPTION> までをテーブル（表）のタイトルとして定義します．
　定義した内容はセンタリングされて表の上に表示されます．

　＋－－－－＋－－－－＋－－－－＋
　｜セル１Ａ｜セル１Ｂ｜セル１Ｃ｜
　＋－－－－＋－－－－＋－－－－＋
　｜セル２Ａ｜セル２Ｂ｜セル２Ｃ｜
　＋－－－－＋－－－－＋－－－－＋
　｜セル３Ａ｜セル３Ｂ｜セル３Ｃ｜
　＋－－－－＋－－－－＋－－－－＋

タグを書くとこんな感じです．

<TABLE>
<CAPTION> 表のタイトル </CAPTION>
<TR>
<TD> セル１Ａ </TD>
<TD> セル１Ｂ </TD>
<TD> セル１Ｃ </TD>
</TR>
<TR>
<TD> セル２Ａ </TD>
<TD> セル２Ｂ </TD>
<TD> セル２Ｃ </TD>
</TR>
<TR>
<TD> セル３Ａ </TD>
<TD> セル３Ｂ </TD>
<TD> セル３Ｃ </TD>
</TR>
</TABLE>

これでなんとなくタグの意味がわかったかな？

お気に入りの記事を「いいね！」で応援しよう