htmlの練習問題をしてます。<h>タグと<p>タグについてです。
<h1>a</h>
b
<p>c</p>
と記述したら、
a
b
c
と表示されます。
分からないのが、
b〜c間に1行分スペースが入る理由がわかりません。
a〜bは、<h>タグが前後に1行分スペースなのでわかりますが、
<p>タグは、前には1行分スペースはいりませんよね。終了タグに改行が入り、その後1行分スペースですよね?
bとcの間のスペースはどこからでしょうか?
こんな問題ですみません…m(._.)m
No.2ベストアンサー
- 回答日時:
<P>タグはParagraphの略で、<P>~</P>で囲まれた部分がひとつの段落であることを表します。
一般的なブラウザでは<P>~</P>の前後に1行分改行されます。<www.htmq.com/html/p.shtml>
No.1
- 回答日時:
h1は見出しでpは段落なのでそこで文脈が変わることを意味します
視覚的効果として上下にマージンが挿入されます
気になるようなら以下のように強制的にマージンを取ってしまえばよいでしょう
<style>
h1{background-Color:lime;margin-bottom:0px;}
p{background-Color:aqua;margin-top:0px;}
</style>
<h1>a</h1>
b
<p>c</p>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
\\n \\r \\t について
-
<br style="clear:both;">って...
-
テキストエリア内の改行禁止
-
Windowsのformでtextareaに入力...
-
span要素にのみwhite-space: no...
-
改行できる・できない入力ボッ...
-
アコーディオン仕様の中の ul l...
-
IE8で<br/>指定以外で改行され...
-
H1タグに改行の<br>を使う
-
「:」について
-
半角だけだとtableタグのwidth...
-
半角英数字…
-
テーブルのセルデータを自動改...
-
VBE でスペースと改行を見える...
-
表の枠を消して、さらにその枠...
-
mailtoで本文に改行を入れたい
-
テーブルの幅を固定するとnowra...
-
リンクの範囲がおかしい?
-
liタグの自動改行をやめたい!
-
高校1年生情報の問題について。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
H1タグに改行の<br>を使う
-
テーブルの幅を固定するとnowra...
-
\\n \\r \\t について
-
長いURLを途中で改行(折り返す...
-
Hタグを改行禁止にしてspanのよ...
-
テキストエリア内の改行禁止
-
「:」について
-
改行できる・できない入力ボッ...
-
VBE でスペースと改行を見える...
-
文字の最後に半角空白が勝手に...
-
preタグがプロの現場であまり使...
-
PCの画面を縮小したらサイズ...
-
テキストエリア内の改行もその...
-
XMLの改行方法とリンクの仕方
-
liタグの自動改行をやめたい!
-
<br />タグの、brの後の半角ス...
-
<a href="長いURL"> を途中で...
-
高校1年生情報の問題について。
-
<h1>を使っても無改行にするには
-
mailtoで本文に改行を入れたい
おすすめ情報
見出しの終了タグに数字を書くのを忘れてます。正しくは</h1>