テーブルを作ろう 3

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>




テキスト


© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: