テーブル（初級１）
★タグの勉強から始めましょう。
＜table＞・・・・これから表（テーブル）を作る というタグ
枠をつけるために枠の表示のためのタグ＜table frame="box"＞を使います。
＜tr＞・・・・ １段目 を表すタグ
＜td＞・・・・ １つの箱（マス）を表すタグ
＜table＞＜tr＞＜td＞のセットで「テーブル作り開始」となる
＜/td＞で閉じるとそのマスが終わり、＜/tr＞で閉じると、その段が終わる
＜/table＞で閉じるとテーブルが終わる
★１段１マスのテーブル作り
＜table frame="box"＞
＜tr＞＜td＞文字を入れよう！１段１マス＜/td＞＜/tr＞＜/table＞
文字を入れよう！１段１マス
★1段２マスのテーブル作り
＜table frame="box"＞
＜tr＞＜td＞左側の文字を入れよう＜/td＞＜td＞＜右側の文字を入れよう＜tr＞＜/tr＞＜/table＞
| 左側の文字を入れよう | 右側の文字を入れよう |
★２段１マスのテーブル作り
＜table frame="box"＞
＜tr＞＜td＞１段目の文字を入れよう！＜/td＞＜/tr＞
＜tr＞＜td＞２段目の文字を入れよう！＜/td＞＜/tr＞＜/table＞
| １段目の文字を入れよう！ |
|---|
| ２段目の文字を入れよう！ |
★２段２マスのテーブル作り
＜table frame="box"＞
＜tr＞＜td＞左上＜/td＞＜td＞右上＜/td＞＜/tr＞
＜tr＞＜td＞左下＜/td＞＜td＞右下＜/td＞＜/tr＞
＜/table＞
| 左上 | 右上 |
|---|---|
| 左下 | 右下 |
★段を増やすには、
＜tr＞＜td＞左下にふやす＜/td＞＜td＞右下にふやす＜/td＞＜/tr＞
を繰り返しふやしていき、最後に＜/table＞で閉じる
＜table frame="box"＞
＜tr＞＜td＞左上＜/td＞＜td＞右上＜/td＞＜/tr＞
＜tr＞＜td＞左下＜/td＞＜td＞右下＜/td＞＜/tr＞
＜tr＞＜td＞左下にふやす＜/td＞＜td＞右下にふやす＜/td＞＜/tr＞
＜/table＞
左上
右上
左下
右下
左下にふやす
右下にふやす
★文字が２行・３行になる時は、そのマスの中で改行(＜br＞）を入れる
＜table frame="box"＞
＜tr＞＜td＞堂本光一＜/td＞＜td＞１９７９年１月１日生まれ ＜br＞
最強の王子様＜/td＞＜/tr＞
＜tr＞＜td＞今井翼＜/td＞＜td＞１９８１年１０月１７日生まれ ＜br＞
ダンスセンス抜群＜/td＞
＜tr＞＜td＞山下智久＜/td＞＜td＞１９８５年４月９日生まれ ＜br＞
デビューを目指せ＜/td＞＜/tr＞
＜tr＞＜td＞中田浩二＜/td＞＜td＞１９７９年年７月９日生まれ ＜br＞
頑張れ日本代表＜/td＞＜/tr＞
＜/table＞
堂本光一
１９７９年１月１日生まれ
最強の王子様
最強の王子様
今井翼
１９８１年１０月１７日生まれ
ダンスセンス抜群
ダンスセンス抜群
山下智久
１９８５年４月９日生まれ
デビューを目指せ
デビューを目指せ
中田浩二
１９７９年年７月９日生まれ
頑張れ日本代表
頑張れ日本代表
© Rakuten Group, Inc.
