ホームページビルダーのPタグとPタグの隙間

2011/10/30 04:50

このQ&Aのポイント

ホームページビルダー10を使っております。ホームページビルダーのPタグとPタグの隙間を狭くする方法を教えてください。
ホームページビルダー10を使用しており、段落を変えた際にPタグが重複してしまう問題が発生しています。PタグとPタグの隙間を狭くする方法を教えてください。
ホームページビルダー10で作成したページにおいて、PタグとPタグの間の隙間が広くなってしまう問題が発生しています。PタグとPタグの隙間を狭くする方法を教えてください。

kureakai
お礼率69% (179/256)

ホームページ作成ソフト
回答数3
ありがとう数2

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/10/30 09:04 回答No.2

HTMLは、元々欧文文化圏のものなのであること。段落の間にはスペースを入れると読みやすいこと。HTMLの(様々なユーザーエージェントに対応する)目的からウィンドウ巾で折り返されますが、そのための改行!!!!と区別するほうがよいことなどから、段落の間にはマージンがおかれます。 (注意)間が開きすぎるという理由で<BR>(強制改行)で改行するのは誤りです。　また、アルファベットに比較して文字が大きいため、行間(段落間ではない)が詰まって読みにくい。　また、日本語の場合は、段落の区切りは、段落の最初の文字を字下げで区別します。　そこで、スタイルシートで p{ 　margin:0; /* 前後左右のマージンを0にする */ 　line-height:1.6em; /* 行の高さを高くする */ 　text-indent:1em; /* 段落の最初の文字を１文字下げる */ } と指定します。　ホームページビルダーにしろ、他のオーサリングツールにしろ、きちんとしたHTMLを作成するためには、テキストエディタで直接HTMLを書く人以上に、HTMLやCSSのことを深く、正しく知っておく必要があります。ここは多くの方が誤解されている。　オーサリングツールを使う前に、HTMLの事をよく学んでおきましょう。すくなくともよく使うタグ。。４０個程度は、その目的と意味を理解しておきましょう。(中学校で学ぶ英単語1000個に比較してもあまりにも少ない数)。。そうでないと、絶対に先で泣くことになります。オーサリングツールはあくまでそのタグの入力支援に過ぎません。 ★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ) とかは一応通しておくこと [参考] ★Webオーサリングツール - Wikipedia ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB ) 　タグを覚えなくてもウェブページが作成できると誤解されているのだと思いますが、HTMLやスタイルシートへの理解と最低限の知識が、テキストエディタで作成する人以上に必要な場面がたくさんあります。少なくともある分厚いマニュアルを読むより仕様書のほうが分量も1/100ですから・・ [例]テキストエディタにコピーペーストして名前を、test.htmlなどで保存する。 ★＿はタブに戻すこと ★Another HTML-lint gateway( ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) ★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input ) でチェック済みです。HTMLができたらチェックすると良い。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>ホームページビルダーのPタグとPタグの隙間</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css">  ＿</style> </head> <body> ＿<h1>ホームページビルダーのPタグとPタグの隙間</h1> ＿<p style="background-color:yellow;"> ＿＿ホームページビルダー10を使っております。＿</p> ＿<p style="background-color:aqua;"> ＿＿以下作業を行いました。＿</p> ＿<ol> ＿＿<li>標準モードで開きました。</li> ＿＿<li>黄色のラインに文字を入力しました。</li> ＿＿<li>段落を変えたいため、黄色のブロック下をマウスでクリックしもじ「a」を入力しました。</li> ＿＿<li>3まで、作業を行ったとき、水色の部分に「a」が入力されて段落が二つ(Pタグ)できました。ココまでは問題ないのですが、このときに出来る</li> ＿</ol> ＿<p> ＿＿黄色と水色ブロックの隙間を、狭くしたいのです。今回は、青色ブロックに「a」と入力しましたが、表を作成したときにも同じ現象になり、隙間が開きすぎて見た目がかっこ悪いのです・・・。＿</p> ＿<p> ＿＿どなたか解決方法をご存知の方がいらっしゃいましたら、ご教授のほうお願いします。＿</p> </body> </html>

質問者