テーブルを作ろう３ | notキラキラ ☆簡単HTML講座

テーブルを作ろう　３

表のタイトル
1列1行	2列1行	3列1行
1列2行	2列2行	3列2行
1列3行	2列3行	3列3行

＜Table Border＞＜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＞

☆見出しセル　＜Table Border＞＜Th＞～＜/Table＞

中の文字を強調そたお時に見出しにしたいセルを使います

見出し1	見出し2	見出し3
1列2行	2列2行	3列2行
1列3行	2列3行	3列3行

＜Table Border＞
＜Tr＞＜Th＞見出し1＜/Th＞＜Th＞見出し2＜/Th＞＜Th＞見出し3＜/Th＞＜/Tr＞＜Tr＞＜Th＞1列2行＜/Th＞＜Th＞2列2行＜/Th＞＜Th＞3列2行＜/Th＞＜Tr＞＜Th＞1列3行＜/Th＞＜Th＞2列3行＜/Th＞＜Th＞3列3行＜/Th＞
＜/Table＞

☆横セルとの結合　　＜Td Colspan="結合するセル数"＞

横3セルと結合

1列2行

2列2行

3列2行

＜Table Border＞
＜Tr＞＜Td ColSpan="2"＞横3セルと結合＜/Td＞＜/Tr＞＜Tr＞
＜Td＞1列2行＜/Td＞＜Td＞2列2行＜/Td＞＜Td＞3列2行＜/Td＞＜/Tr＞＜/Table＞

☆縦セルとの接合　＜Td Rowspan="結合するセル数"＞

縦3セルと結合

2列1行

2列2行

2列3行

＜Table Border＞
＜Tr＞＜Td RowSpan="3"＞縦3セルと結合＜/Td＞＜Td＞2列1行＜/Td＞＜/Tr＞＜Tr＞＜Td＞2列2行＜/Td＞＜/Tr＞＜Tr＞＜Td＞2列3行＜/Td＞＜/Tr＞
＜/Table＞