けとけと。の自由帳

サイド自由欄

動画ページ
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>

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

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

最終更新日 2004年01月08日 11時19分11秒
コメント(6) | コメントを書く

■コメント

Re:テーブルタグのお話その２(1/7)

kirara☆彡さん

おはよ＾＾☆ (¨ )(.. )(¨ )(.. )ウンウン!! ＿〆ヾ(￣(エ)￣メモメモ・・・です。 左の新年の挨拶の・・クマさん・・かわいい。 まったりE2K2さん・・・ 今日も元気でね☆ 東京は・・半端じゃない寒さです。 (2004年01月08日 08時18分32秒)

返事を書く

Re:テーブルタグのお話その２(1/7)

meiakira さん

おはようございま～す（*^_^*） 今朝は冷え込んで寒いですぅぅ(((=_=)))ブルブル テーブルの、THとCAPTIONは使った事なかったですが 次の機会に使いたいと思います。 (2004年01月08日 08時35分08秒)

返事を書く

Re:テーブルタグのお話その２(1/7)

hiroto1978 さん

↓の人がこれは使ったことないっ。っと、みんな使っているものなんだな～と素直に関心してます。 そうそう、大人になると怒られる事が一般的に減っている、成果、ネットで怒られる（注意を受ける）とものすごく、落ち込みというか、怖くかんじます。E2ｋさんも、こ～違反？してる人とか見つけたら、注意するほうですか？それとも、ほっておきますか？ (2004年01月08日 09時07分22秒)

返事を書く

Re:テーブルタグのお話その２(1/7)

西浜荘さん

テーブルもいろいろ使い方が有るんですね ページの整理をしようと思ってるので丁度良いかな (2004年01月08日 10時00分18秒)

返事を書く

Re:テーブルタグのお話その２(1/7)

アビさん

早速お勉強開始です（＾＾） う～ん・・・・ 理解できたのかな～？ 我ながら不安・・・ でも、出来てるみたいだし・・・ また来ます！ (2004年01月08日 10時39分37秒)

返事を書く

Re:テーブルタグのお話その２(1/7)

シオンj さん

はい　ここではちょっとぉ～　まだとても(^^ゞ～～ なんで　いただいていきますね。 なにやかやと　お忙しい中有り難うございます。 (2004年01月08日 11時19分14秒)