へてむるライタ− テーブル HOME BACK
 @サイ トマップs


設定 メインペ-ジ 「i ndex .html 」 作成 テキスト・文字
ブラウザ設定 タイトルと色の設定 特殊文字
サイトフォルダの作成 文書の設定 文字の装飾
編集の流れ ロボット検索 MARQUEE-文字の移動
ユ−ザ−登録タグ ペ-ジの上下左右の余白の指定 文字を単純に入力
画像 リンク
画像の抽入 HP内リンクと外部へのリンク
画像にテキストを回り込ませる ぺ−ジの特定の所にジャンプ
画像、ボタンにリンクを付ける
ファイルを配布させる


テ-ブル

 又は、右クリックメニュ−から作成します。( 表を入れたい所をマウスで指定してから、入力します )

へてむるライターは、多重起動が出来ますのでテーブルタグ等をいろいろカスタマイズしてホットメールにして保存して置くと作業が早くなります!保存先から必要なタグをコピー&ペーストで現在編集中の所に貼りる付けると便利です。

注意
テーブルの特性として同じラインで、横、縦幅値が異なる数値で誤入力された場合にはテーブル同士で干渉し合い、指定したとうりに表示されない場合があります。

横幅値の指定
入力する
未入力
未入力


横幅値の指定
テーブル作成の際、全て数値指定する必要はありません。左の図の場合には横幅値は、上方の先頭の部分のみ指定します、又同じ列の下方の枠に先頭の枠と異なる数値が誤入力された場合には、テーブルが正しく表示されない場合があります。

縦幅値の指定
入力する 未入力
入力する 未入力
入力する 未入力



縦幅値の指定
縦幅は、数値指定する場合左端の先頭の枠のみを数値指定する。2列目以降は指定の必要はありません!


枠の横への展開と縦への展開
<table> </table> テ−ブルは、<table>から始まり、</table>で閉じてテ−ブルを終了します。
<table>

<tr>
<td>文字</td>
<td>
文字・画像</td>
</tr>

</table>
文字 文字・画像
</tr>で、横への展開は終わり</table> にて一つのテーブルは終了します。
<table>

<tr>
<td></td>
</tr>

<tr>
<td></td>
</tr>

</table>
縦に枠は、並んでいます。



テーブルの装飾
テーブルの背景画に、素材を使用してテーブルを装飾する事が可能です!
 画像です!
素材を入れたテーブルです!
Windows XP のシルバーです!

-----TAGでーたー---------------------------------------
<table border="0">


<tr>
<td background="img8/hta1.png" height="47" width="362"></td>
</tr>

</table>
--------------------------------------------------------

左図は、Windows XP のシルバーボデイ?をペイントで切り抜いてテーブルにバックがラウンド(背景画)に入れました。
縦幅は、画像を超える長さにした場合には入れた画像は重複されてしまいます、ページの全体像に入れる場合にはページの幅はディスプレイによってサイズは異なり綺麗にはめるには難しい事もありますがテーブル範囲内でしたら簡単に綺麗に表現する事が可能です!


テ-ブルをレイアウトに使う
テ-ブルを使用すると簡単に、自由に文字画像等を表現出来、ページのレイアウトにも使用出来ます。
テーブル1. ( 表示しない )

バナー

menu
1
2
3
4
5
テーブル2.
テーブル3

ページのことわり! (テーブル表示なし)


解りやすく、オーソドックスにテーブルだけのレイアウトです!
ペイント等が上手な方はさらにぺーじを装飾する事が出来るでしょう

テーブル1. ( 表示しない )HP全体のサイズはこのテーブルで調整する!
<table border="0" width="960" align="center">

テーブル2.
<table border="0" width="80%">

テーブル3.
<table border="0" width="20%">


メニュの1.番と2.番等の間には、空のテーブルが未表示で、入っています!微妙な隙間を作ることが出来ます。

自由に表現

ようこそ ようこそ ようこそ
ようこそ ようこそ ようこそ
--------------------------------------------
<table>

<tr>
<td valign="top" align="left">ようこそ</td>
<td valign="top" align="center">ようこそ</td>
<td valign="top" align="right">ようこそ</td>
</tr>
<tr>
<td align="center" valign="top">ようこそ</td>
<td align="center" valign="middle">ようこそ</td>
<td valign="bottom" align="center">ようこそ</td>
</tr>

</tabl>
--------------------------------------------
フォントタグは外してます。

間隔に使用する

 テーブル 1
 テーブル2

テーブルとテーブルの間等好きな所に自由に間隔を空ける事が出来ます。

テーブル 1 と テーブル 2 の間に以下のテーブルが入っています、赤の数値の部分で調整します。

<table border="0" cellpadding="0" cellspacing="0" bgcolor="#ff0000">

<tr>
<td height="2" bgcolor="White"></td>
</tr>

</table>

いろんなライン等に使用する。




ペイントで作成された素材と組み合わせてよく使用されています。私は苦手ですが?
単純にテーブルに色を付けただけです!

BACK このペ−ジのTOP