０９－０２ セルを作る（ＴＤタグ）
■ テーブル（ｔａｂｌｅ）とは「 表 」のこと。
■ ブラウザに表を表示するには？
① 画面に表を表示させるタグ → ＜table＞ 内容 ＜/table＞ を設定。
② ＜form＞ タグの例と同じように，表を作るための各要素の最初と最後に
＜table＞ タグを記述する。
■ ＜table＞ タグの記述例と表示例
＜table border＞
＜tr＞
＜td＞一個だけの表を作ってみる＜/td＞
＜/tr＞
＜/table＞
表示結果 ↓
↑ 四角の枠をセルと呼ぶ。
■ ＜table border＞
赤い文字のｂｏｒｄｅｒオプションは，外の枠線を設定する命令文。
ｂｏｒｄｅｒオプションを書かなければ，枠の無い表が作られる。
枠が無くなっても，各項目が表示される位置は変わらない。
■ セル（cell）とは？
上の図のように，四角で囲まれた小部屋の最小単位をいう。
＜ｔｄ＞ ＜／ｔｄ＞ で挟まれている部分が一つのセルに収まる。
ｔｄとは，Table Data の頭文字。
■ セルの幅は，自動的に変わる
一つのセルの幅を指定することも出来るが，指定しないとデータの数に応じて
自動的に幅が伸縮する（下に例示 → 文字数の多い方に合わせ枠が伸縮）。
次のように ↓ 記述すると
＜table border＞
＜td>一個だけの表＜/td＞
＜tr＞
＜td＞一個だけの表を作ってみる＜/td＞
＜/table＞
下のように実行される。 ↓
何かありましたら こちらの掲示板で 質疑応答をどうぞ
|テーブルの目次へ| |総合目次へ|