(ホームページ制作の勉強中です。)

文章のと文章の間に複数行の空白行を入れには、<br>タグを
数回入力すれば可能ですが、他にに何か良い方法があるのでしょうか?
(<br>タグは、むやみに使わないほうがよいと聞きますので・・・)

A 回答 (4件)

> (<br>タグは、むやみに使わないほうがよいと聞きますので・・・)


確かに論理構造を考えるとbrじゃなくてpを使った方がいいということはあります。

考え方としては、「コンテンツの論理構造を考えてから見た目を整える」という順序に気をつけるということでしょうか。
(意外と逆に考えがちなんですよね…。)

** 段落で区切る

<p>....文章...</p>
<p>....文章...</p>
<p>....文章...</p>

** CSSで見た目を整える

p{
margin: 1em 0px;
}


** 章の節目を空行2つ分にしてみる

.chapter{
margin-top: 2em;
}
p{
margin:
}

<p class='chapter'>....文章...</p>
<p>....文章...</p>
<p>....文章...</p>
<p class='chapter'>....文章...</p>
<p>....文章...</p>


章立てはdivで区切ってもいいですし、その辺はお好みです。

第一章の部分で margin-top: 2em を適用させたくなかったら、:first-child を使ってみてください。
IE6が対応していませんが、「大した問題じゃないと割り切る」か「.first-child のclassで代替する」か「http://trac.openpne.jp/ticket/2553 を使ってみる」か…。
クロスブラウザに関しては手間と効率と目的のバランスを考えて、決めるといいと思います。
    • good
    • 0
この回答へのお礼

大変勉強になりました。
ありがとうございました。

お礼日時:2009/06/13 15:59

<p>は改行ではありません。


<br>の連発もお勧めできません。
やはりスタイルシートでやるべきでしょう。
例:marginは出たのでline-heightで

行間広すぎ<div style="line-height:800%">っていう</div>感じかな。
    • good
    • 1
この回答へのお礼

このような方法もあるのですね。
勉強になりました。
ありがとうございます。

お礼日時:2009/06/13 15:54

空白行を入れる理由は何なのでしょう?


単純にレイアウト的な都合だったら前後の<p>タグのmargin設定などで
行なうのがいいでしょう。
    • good
    • 0
この回答へのお礼

はい、レイアウトが目的です。

marginを使って見ました。上手くいきました。
ありがとうございます。

お礼日時:2009/06/13 15:58

スタイルシートでmarginの値をいじってあげれば空白などを作れますが、


brで十分だと思いますよ。
後はpやdivを使ったりする場合もあるでしょうが、
文書の中に空白を入れたりするのであれば、むしろbrかpで十分。
それ以外の方法で空白を入れたりすると、後々の編集で少し手間が発生する可能性もありです。
    • good
    • 0
この回答へのお礼

なるほど! 後々の編集で、手間が発生する可能性が出てくるかもしれませんね。
ありがとうございました。

お礼日時:2009/06/13 16:01

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qword2000の薄い行線の消し方

word2000とword2002を使用していますが2000の方は薄い行線がでてうっとうしいのですが消せないのでしょうか?2002の方はでません。

Aベストアンサー

薄い行線? これは入力画面に出ている線でしょうか?
画面上方のメニューバーの「表示」→「グリッド線」のチェックを外すとOKです。

Qタグとタグ間の記述はスパムでしょうか?

すごく初心者的な質問かもしれません。
現在Dreamweaverにてホームページを作成しているのですが、
<head>~</head>の間に<meta>タグとショートカットアイコンのリンク以外の記述をしたら、ヤフー八分にあってしまいました。
具体的に記述してあったのは
<style type="text/css">
<!--
.style16 {color: #ffffff}
-->
</style>
などのスタイルの記述程度です。

これが原因かどうかはわからないのですが、とりあえず
上記のスタイルの記述を
</head>~<body>タグの間に記述することにしました。
しかし、この記述も問題があるのかどうか不明です。

</head>~<body>の間に何かを記述することは問題あるのでしょうか?

Aベストアンサー

cssをhtmlに記述したから問題が起こるという事は私の知る限りではあり得ないと思います。
強いて言うならcssは外部からリンクさせる方が賢明かと。ソースも軽くなるし。

QMindjet:スプレッドシートの行・列の消し方

Mindjet(http://www.mindjet.com/jp/)というマインドマップをつくるソフトを利用しています。トピックの横に表を挿入する為、「スプレッドシート」を入れたのですが、表の横に行(A/B/C/D)と列(1/2/3)の表示(灰色の部分)が残ってしまい、あまり見栄えがよくありません。行・列の表示を消す方法をご存知の方がいれば、ご教示頂けると助かります。

Aベストアンサー

こんばんは。

スプレッドシートと書かれていますが、Excelの問題をお聞きになっているものだと思います。もし、そうだとすれば、

ツール-オプション-表示
ウィンドウオプション
 行列番号

をオフにするでいかがでしょうか?これは、シートごとです。

しかし、もしかしたら、その現象は、別の問題(物理的=ハード)が絡んでいるかもしれません。もし、そうだとすると、これでは解決しないかもしれません。

Qタグについての質問です。ソースを見ていて
というのがありました

タグについての質問です。ソースを見ていて<br/>というのがありました。<br>とは違うものなのでしょうか。
通常、例えば<td>に対応して</td>とか、<h1>に対応して</h1>いうことですが、スラッシュがbrの後ろにあるのが気になります。でも、そもそも</br>なんてタグはないですよね。

Aベストアンサー

まず最初に</br>というタグは存在します。
存在はするのですが、HTMLでは省略されているので見かけることがほとんど無いだけです。<p>も単独で使われることが多いですが、こちらにもちゃんと</p>というものがあります。
HTML単独で使う時は</br>や</p>を省略することが多いですが、スタイルシートで<p>や<br>に何らかの要素をつけた場合は省略しません。

で、<br />というタグについてですが、これはXHTMLで</br>を省略している時の記述です。
XHTMLの場合<br>と記述すると</br>をつけなければならないという決まりがあるのですが<br />と記述した場合は</br>を省略できるのです。
同様にHTMLでは省略されている</p>や</img>をXHTMLで省略する時は<p />や<img src="~~~" />と記述します。

参考URL:http://redline.hippy.jp/lab/beginner/htmlxhtml.php

Qニキビの消し方

誰かニキビの消し方を教えてください
私はまだ小六ですがニキビが出ています
詳しく、1、2、などの順序で、短日で消えるニキビ消し方教えてください

Aベストアンサー

こんにちは。
私は26歳の女です。
小六位から私もニキビが出始めました。

私がお答えするのはニキビの消し方ではなく、
根本的にニキビをできにくくする方法です。

(1)しっかり洗顔
洗顔料をしっかり泡立てて両手で円を描くように。
直接手が肌に触れないように。泡で毛穴を洗うイメージです。
できれば洗顔前に20分位湯船につかって毛穴を開かせてから洗うと効果的です。

(2)洗顔料を完全に洗い流す
洗顔料が残っているとニキビの原因アクネ菌の栄養になってしまいます。
洗い流す時は強いシャワーをあてたり、ゴシゴシ強くこすったりしないで、
ぬるま湯をかけて念入りに流します。タオルドライもやさしくポンポンと。

これでだいぶニキビができにくくなると思いますよ♪

Q○○○○・・・・・としたら・ページ全体の文章が「太字に」??

このカテゴリーでよろしいんでしょうか。

ど素人なのですがおしえていただけますか。

相htmlで「自前の談掲示板のカスタマイズ」

をしています。


htmlで「太字にしようと思って」2-3行の文章を

<B>○○○○・・・・・</B>

とおいたらば「ページ全体」が太字になってしまったのですが。

考えられることはなんでしょうか。

要領の悪いご質問ですみません。

Aベストアンサー

<b>だけでなく、見出し要素<h[1-6]>とかの閉じ忘れでも発生したりします。あとは、CSSで本文自体の書体指定が太くなっているとか。

タグの閉じ忘れとかで発生しているなら、another HTML lintとかを使って、文法チェックしてみては。

Q履歴の消し方

パソコンでよく検索するのですが、その履歴の消し方が分かりません。履歴が一杯残ってしまい困っています。
消し方を教えてください。宜しくお願いします。

Aベストアンサー

検索項目を入れるボックスで右クリック

過去に入力したワードが出てくるのでそれにカーソルを合わせて青地にワードが入っている状態にする。

あとは「Delete」ボタンをひたすら押すだけ。押しっぱなしだと失敗することもあるかも

私は以上の方法でやってますが・・・。
たぶんこれでいけると思います。

QCSSで文字間隔を指定すると
が反映されなくなる

<HTML>
<HEAD>
<TITLE>TAG index Webサイト</TITLE>
</HEAD>
<BODY>
p{

letter-spacing: 2px;
font-size:20px;
font-family:'MS Pゴシック';
line-height:130%;

}
</BODY>
</HTML>
このようにすると、
<p><b>文章1。
<br><br>
文章2。
</b></p>
の<br>が反映されなくなります。<br>を余分に入れると1行あきます。
<br>を余分に入れずにあけることはできるのでしょうか?

Aベストアンサー

IEのバグです

http://cssbug.at.infoseek.co.jp/detail/winie/b022.html

Qデスクトップにでてくる広告の消し方

パソコンをリカバリしたら、デスクトップにFMVの広告がいっぱい出てきました。
パソコンにはあまり詳しくないので消し方が解りません。
消し方を教えてください。

Aベストアンサー

下記FAQ参照

https://www.fmworld.net/cs/azbyclub/qanavi/jsp/qacontents.jsp?rid=168&PID=6006-1809

Q食器乾燥<器>と食器乾燥<機>の違い?

食器洗乾燥機はすべて<機>なのに対し、
食器乾燥器は<器>を使っているメーカーと<機>を使っているメーカーが混在しています。
これって何か理由があるのでしょうか?また一般的にはどちらかが正しいのでしょうか?
それとも両方正しいのでしょうか?

仕事で食器の取り扱い説明書を書くときにとても困ってしまいました。
(食器メーカーさんでも<器>に統一させるメーカーさん、<機>にさせる業者さん色々です)
ご存じの方教えていただければ幸いです。

Aベストアンサー

【器】小型の、また、それ自身には動力装置のない機械。「受話器」「電熱器」などの形で用いる。

【機】機械。装置。からくり。

ですので、もしかしたら
食器乾燥器=乾燥させる為の温風を吹き付けるなどの動力装置がなく、電熱のみで乾燥させる簡単な乾燥装置。電熱器に準じるので乾燥器と表記
食器乾燥機=乾燥させる為の温風を吹き付けるなどの動力装置や、ムラ無く乾かす為に食器を動かす動力装置があり、複雑な機構や動力を備えた物
で表記を変えているのかも知れません。

また、メーカーはパソコンを使ってるでしょうから、いつも「食器」などと入力していて「器」の文字の使用頻度が高くなっているでしょうから、漢字変換で「かんそうき」を「乾燥器」と誤変換してるのに気付いてない、と言うのがあるのかも知れません。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報