マンガでよめる痔のこと・薬のこと

HPを作るとき、下記のように改行で空白を作っているのですが
それ以外のやり方がある、と言うよりもこれは正しくないと知りました。
空白を作るタグはどんなのでしょうか?
また、HPビルダーで行う際にはどうやればいいですか?

<BR>
<BR>
ホームページのタイトル<BR>
<BR>
○○・○○・○○<BR>
<BR>
<BR>
<BR>
メールアドレス<BR>

このQ&Aに関連する最新のQ&A

A 回答 (2件)

ご質問者さんが仰るように<br>を重複使用するのは文法的には推奨されていません。


私が使っている方法は二つあります。

A)<p></p>を使うと改行間隔が広くなります。これは簡単です。
B)画像処理を行う方法;
画像処理に慣れておられるならこの方法はフレキシブルに使えます。
B)-1 透明gifファイルを作ります。サイズは幾らでも良いですが例えば5ピクセル角程度にします。画像ソフトを使えば透明gifを作れます。
B)-2 それをサイト内の適当なフォルダに入れておきます。例えば1階層上のimageフォルダにその画像ファイルを置き、gazou.gifと名前をつけておきます。
B)-3 空白にしたい場所にその画像を置きます。空白を置きたい所の記述は下のようになります。

HPのタイトル<br>
<img src="../image/gazou.gif" width="5" height="40" alt="空白”><br>
○○・○○・○○<br>
<img src="../image/gazou.gif" width="5" height="80" alt="空白”><br>
メールアドレス<br>

この方法の便利な所は、そこで欲しい空白の大きさがその場で自由に設定出来ることです。
上の例では空白行高さを変えたいときはこの数字を動かすとどのようにもなります。例えば200ピクセル空けたかったら height="200"とすればよいです。
なお、alt="空白”は代替文字と言って文法的には必要とされます。詳しい説明はワード検索されて下さい。

なお、これらの操作がHPビルダーで出来るかどうかは申し訳ありませんが知りません。
以上の方法はビルダーでそのページのソースを表示させてから該当部分に手書きで記述します。

これを機会にHPビルダーの自動記述と手書きを混在させる事を目指されるといろいろと便利になりますよ。
    • good
    • 0

No1も言ってるけれど「推奨」されない。


これはつまり

×正しくない
○行儀が良くない


美しい方法はCSSを用いて空白を作る事だよ。
質問に書かれている状況の場合だと
タイトルからはbrが2つ分だからページと要素が1br分
タイトル自体は1br分上下に空白
内容が続いて
メールアドレス、つまりフッタが手前に3br分空白がある

そんな形になるね。
例えばこんな
<body style="margin-top:1em;margin-bottom:1em">
 <h1 style="margin-top:1em;margin-bottom:1em">タイトル</h1>
 <p style="margin:0"><!-- ここから区切りごとの空白は調整個別調整 -->
  ○○・○○・○○
 </p>
 <p style="margin-top:3em">メール</p>
</body>

CSSをタグ直書きじゃないのにすればより美しく外部ファイル参照にすると、言う事無いね。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


このカテゴリの人気Q&Aランキング