|
表(テーブル)のセル内データーの位置を指定
|
|
|
|
【4】 セル内データーの配置
align= 属性
valign= 属性
|
|
|
|
<th align="見出し表示、水平方向の表示位置を指定"
|
valign="垂直方向の表示位置を指定
"> 〜 </th>
|
|
<td align="セル内データの水平方向の表示位置
"
|
valign="垂直方向の表示位置を指定
"> 〜 </td>
|
|
|
|
|
|
|
セルに、背景色・文字色・高さも指定
align=""
セル、水平方向の指定位置に配置。
|
<td align="left">
|
<td align="center">
|
| ホームページ作成の話 |
ホームページ作成の話題を取り上げています
|
テーブルに、背景色・文字色・高さを指定
valign=""
垂直方向の指定位置に配置。
|
<td valign="top">
|
<td valign="bottom">
|
| ホームページ作成の話
|
ホームページ作成の話題を取り上げています
|
サイズを指定 サンプル テーブル 水平方向タグ
<table width="600" border="1">
<tr>
<td align="left">
ホームページ作成の話
</td>
<td align="center">
ホームページ作成の話題を取り上げています
</td>
</tr> </table>
|
|
|
|
|
セル要素の
<th> <tr> <td>にセルのデータを
水平方向に配置
|
align=""
|
|
属性
|
データを、セルの水平方向に配置。
|
|
"
left
"
|
属性値
|
データを、セルの左側に揃える。
デフォルト(規定値) 省略可
|
|
"
center
"
|
属性値
|
データを、セルの中央に揃える。
|
|
"
right
"
|
属性値
|
データを、セルの右側に揃える。
|
|
"
justify
"
|
属性値
|
データを、両端揃えにします。
|
|
|
|
|
セル要素の
<th> <tr> <td>
に、セルのデータを、垂直方向に配置
|
valign=""
|
|
属性
|
データを、垂直方向に配置。
|
|
"
top
"
|
属性値
|
データを、セルの上端に寄せる。
|
|
"
middle
"
|
属性値
|
データを、セルの中央に揃える。
デフォルト(規定値) 省略可
|
|
"
bottom
"
|
属性値
|
データを、セルの下端に寄せる。
|
|
"
baseline
"
|
属性値
|
同一行内の各セルの1行目のデータを、共通のベースラインに揃える。
|
|
|
|
|
其のほか サイズ指定 枠幅・高さ HTMLタグ解説
要素
属性
<table width=" ">
|
属性値
は、10進数(整数)または%単位で指定する。
テーブル全体の、幅(サイズ)を設定。
|
|
<table width=" " height=" ">
|
テーブル全体に、枠幅と枠の高さを設定。
|
|
<td width=" ">
|
複数のセルを設定した場合に、セルに枠幅を設定。
|
|
<td width=" " height=" ">
|
複数のセルを設定した場合に、セルに枠幅と高さを設定。
|
|
<table border=" ">
|
テーブル枠の表示(サイズ)、非表示 0で非表示。(規定値)
|
|
|
|
|
|
|
|
|
|
|