テーブルと画像を使って空白を作ることが出来ます。<br>タグ でも適宜空白を作ることはできますが前者の方がもっと小さな 空白を作ることが可能です。

■ 空白の作り方

空白の作り方はまずブラウザ上では目に見えない1ピクセル×1ピクセルの 透過gifを用意します。下にspace.gif というgif画像があるので右クリックから透過gifに名前を付けて自分のHPの フォルダに保存して下さい。そして外枠の無いテーブルの中にさきほど保存し た透過gifを挿入してみて下さい。 下のような小さい空白を入れることができます。
ここ→← ここ
imgの属性width="数字" height="数字"で透過gifのサイズを調整しましょう。また、 alt=""も記述しましょう。

【ブラウザ表示】

↓小さいテーブルの枠線を消す

<table border="1">
<tr>
<td>下に空白ができました</td>
</tr>
</table>
<table border="0">
<tr>
<td><img src="./image/space.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<table border="1">
<tr>
<td>上に空白ができました</td>
</tr>
</table>

Follow @hp_master_2003

■ その他の項目

HTMLタグ一覧のページに戻る