ホームページ作成&上位表示!
検索
ホームページ作成
リンク集ご案内
ホームページ作成タグ3
<table>
テーブル(表)を設置する場合に使用します。
このテーブル(表)を設置し、レイアウトに使用したりもしますが、基本的には表として使用します。
また、この<table>の中は、セルというものを設定して表を作成していきます。
基本的は下記のものを設定して構築して行きます。
| 一行を表す | <tr>〜</tr> |
| セルを表す | <td>〜</td> |
| 見出を表す | <th>〜</th> |
行の中に『セル』、『見出』をいれて構築しますので、書き方は下記の様になります。
<table>
<tr><th>見出1</th><th>見出2</th></tr>
<tr><td>セル1</td><td>セル2</td></tr>
</table>
また、テーブルを調整する為に下記のものを設定する場合があります。
| border="数" | 罫線を引く |
| colspan="数" | 縦にセルを合体 |
| rowspan="数" | 横にセルを合体 |
| cellpadding="間隔" | セル内部の余白 |
| cellspacing="間隔" | セル同士の隙間 |
border="数"
<table border="数">にて設定する事でテーブルの枠線・罫線を設定する事が可能になります。
border="数"の数には、数値を入れ下記の様になります。(例:1、2、3・・・)
| border="1" |
| border="2" |
| border="3" |
colspan="数"
テーブルの中のセルを合体したい場合に使用しますが、このcolspan="数"は横方向に合体します。
colspan="数"の"数"には、合体したいセルの数をそのまま数値にて記述します。
| セル1 | セル2 |
| セル合体 | |
注意としては、合体された側のセルの<td>〜</td>や<th>〜</th>を削除しておかないと、合体したセルにプラスしてもう一つセルがある事になってしまうので、削除して下さい。
<td colspan="2">セル合体</td>
rowspan="数"
テーブルの中のセルを合体したい場合に使用しますが、このrowspan="数"は縦方向に合体します。
rowspan="数"の"数"には、合体したいセルの数をそのまま数値にて記述します。
| セル合体 | セル2 |
| セル3 |
注意としては、合体された側のセルの<td>〜</td>や<th>〜</th>を削除しておかないと、合体したセルにプラスしてもう一つセルがある事になってしまうので、削除して下さい。
<td rowspan="2">セル合体</td>
cellpadding="間隔"
セル内の余白を調整する際に使用します。
セルの枠から内容までの部分の余白を指定する事が可能になります。
| cellpadding="1" |
| cellpadding="10" |
これは、<table cellpadding="1">に記述します。
cellspacing="間隔"
セルとセルの間の余白を調整する際に使用します。
セル同士の距離を指定して余白を作成する事が可能になります。
| cellspacing="1" | cellspacing="1" |
| cellspacing="10" | cellspacing="10" |
これは、<table cellspacing="1">に記述します。