• ベストアンサー

h1タグについて

ドリームウェーバーで<h1>~</h1>でタグを挿入した場合、</h1>の下が2行分ぐらい空く(空白が出来る)のですが、この間隔を詰める方法を教えて下さい。 お願いします。

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

  • ベストアンサー
  • partita
  • ベストアンサー率29% (125/427)
回答No.2

h1は初期設定で空白ができます。 ブラウザによって間隔は異なります。 そこでCSSの登場。 <h1 style="margin-bottom:0;padding-bottom:0;">見出し</h1> あくまでも一例です。 他の例は、他の方に任せるとしましょう。

RISKYinthesky
質問者

お礼

大変ご参考になりました。ありがとう御座いました。

その他の回答 (1)

noname#20377
noname#20377
回答No.1

ブロックレベル要素のmarginとpaddingによる影響です <h1 style="margin:0;padding:0;">ほげほげ</h1> 「ブロックレベル要素」は必ずご自分で勉強なさってください

RISKYinthesky
質問者

お礼

大変ご参考になりました。ありがとう御座いました。

関連するQ&A

  • ヤフーオークションで使用できるタグについて

     ヤフーオークションの場合divタグが使えないなどドリームウェーバーで使えるけど使えないタグがあったり、背景に画像挿入できなかったり、 少し違うところがあると思います。  ヤフーオークションで使えるタグ一覧のリストなどご存知ないでしょうか?大変困っています。 お願いします。

  • HTMLのh1タグで自動的になされる改行の防止

    HTMLのh1タグを使うと</h1>の次で自動的に改行されます。例えば、次のようにすると、「夏休み」と「キャンプ」の間に空白行が1行できます。 <h1> 夏休み </h1> キャンプ この空白行をなくするためにはどうしたらよいでしょうか。 よろしくお願いします。

  • <H>タグの見出しと<P>タグの本文の間隔について

    初めてのホームページ作成に挑戦してます。 スタイルシートでデザインを調整しているのですが、 <H>タグの見出しと<P>タグの本文の間隔をCSSで二つの要素のマージンを0、パディング0にしても文字一つ分の間隔が空きます。ある一定の間隔以上縮めることができません。 また<H>タグと<TABLE>タグの間隔も<P>タグ以上に大きく間隔が開いてしまいそれ以上縮めることができなくて困ってます。 こういうものなんでしょうか? <DIV>タグなら間隔を好きなように調節でます。全て<DIV>タグで見出しも本文も書きたいくらいです。表は無理ですが・・・。

    • ベストアンサー
    • HTML
  • h1タグの余白

    h1タグを使うと文字が大きくなり、周りの余白もできてしまいますが、CSSで解消できることが調べてわかりました。 ところが、外部ファイルの記述でマージンをh1 { margin:0px; }としても下の余白はなくなるのですが、上の余白が1行改行されています。 ソースをみても問題はないように見えるのですが、どなたかお分かりの方がいらっしゃいましたらお願いします。

  • Hタグ使用時に上下1行スペースを無くす方法

    Hタグ使用時に、どうしても上下1行分のスペースが出来てしまいますがこれを無くす方法はあるのでしょうか?

  • ブログの場合のh1タグh2タグの使い方

    ブログの場合、 h1タグ:サイトの名前 h2タグ:記事のタイトル に使っているのですが、使い方は間違っていますでしょうか? ブログの場合h3以降の使い方がまったくわかりません。

    • ベストアンサー
    • HTML
  • html5のhタグの厳密な使い方

    似たような内容の質問過去にも多かったかと思いますがご容赦下さい。 html5よりh1タグだけで構成しても大丈夫なのは知ってますが、自分は下位互換の事も考えて 従来通りの1~6hタグを使ってマークアップしたいんですが1つ疑問があります。 <body>   <header>     <h1>食べ物</h1>   </header>   <article>     <h1>食べ物とは</h1>     <section>       <h2>肉</h2>     </section>     <section>       <h2>魚</h2>     </section>     <section>       <h2>米</h2>     </section>   </article> </body> それとも <body>   <header>     <h1>食べ物</h1>   </header>   <article>     <h2>食べ物とは</h2>     <section>       <h3>肉</h3>     </section>     <section>       <h3>魚</h3>     </section>     <section>       <h3>米</h3>     </section>   </article> </body> のどちらが正しいのでしょうか? 要は、<header>タグの中に<article>を入れた場合は、<article>タグ内は<h2>からスタートすれば良いと思いますが、 <header>タグの外に<article>がある場合、2つとも同レベルと見なして、両方<h1>を使うのか、 それとも<header>要素より<article>の方が下位レベルと見なし、<h2>タグから使うのかという事です。 google様がアウトライン構造に乗っとってhタグを正しく使うように強く推奨しているようなので 気になってしまいました。

    • ベストアンサー
    • HTML
  • ホームページ作成 区切り線、<h>タグおよび強調について教えてください

    ホームページ作成 区切り線、<h>タグおよび強調について教えてください。 現在、windows付属のメモ帳でホームページを作成している者ですが、素人のため三点ほど教えてほしいことがありますので、どなたかお願いいたします。 (1)区切り線について 段落の後や画像の後など一区切りを付けたい時に、<hr>タグやborder-bottomプロパティなどを使用して区切り線として表示しているのですが、上下の段落や画像との間に思うような間隔をあけて表示するにはどうすればよろしいのでしょうか?<br>タグを使って行単位で調整などしておりますが…。 (2)見出しやタイトル文字などで使用する<h>タグですが、順番に使用した方が良いということを知って、<h1>から順に<h2>、<h3>と使用するようにしているのですが、例えば、ページの内容などによって<h2>タグのスタイルシートを使用したくなく、<h1>タグから<h2>タグを飛ばして<h3>タグを使用することもあるのですが、このように、原則として小さい<h>タグから大きい<h>タグへの規則は守っているのですが、順番を飛ばしてしまっている使い方でも大丈夫でしょうか? 所詮、素人が作っているものですので、どう頑張っても検索結果の上位にくることなどあり得ないとは思っているのですが、少しでもSEO対策になればと考えているのですが。 (3)もう一点、くだらない質問で申し訳ないのですが、文字を強調したりするときに、HTMLに<b>タグ、<strong>タグを使用する方法、それにcssにfont-weight:boldを設定する方法などがあると思うのですが、これらは何が違うのでしょうか? 素人的質問ばかりで申し訳ないのですが、どなたかよろしくお願いいたします。

    • ベストアンサー
    • SEO
  • H1 タグの行間

    いつもお世話になっています。 早速ですが、H1 H2 タグを使用したときなどにテキストの下に行間ができてしまいます(見出しタグだから仕方ないかもしれませんが)。 この行間を調整するタグなどあるのでしょうか? また補足として、見出しタグはあまり文字の大きさなどは検索エンジン対策上加工しないほうがよいのでしょうか? 宜しくお願いします。

  • h1、h2タグの付け方について教えて下さい

    h1、h2タグの使い方について質問させて下さい。 h1、h2タグがseo対策に有効であり、かつ見出しの大きい順にh1、h2と使っていくものだという事はわかりました。 フォルダ内に CSS書類を作ってこれを添付したいのですが、以下のような場合、h1、h2タグの設定はどうしたらよいでしょうか。ソフトはDreamweveMX2004使用。タグ打ちだけでは作れないので、Dreamweverで書き込んだソースを必要に応じて書き直し等しています。 【ホームページの構成】 ・index.htmlページはFlashで作った、swfファイル一つと(C)表示の一文のみ。swfファイル中のENTERボタンで2ページ目にリンク。 ・2ページ以降は同じパターンのページが、上部メニューバーで5ページ各リンク。(2挨拶、3商品説明、4アクセス~など) ・2ページ以降は各ページのタイトルバーの形が同じなのでこれに見出し設定をしたい。タイトルバーは文字色、余白などは全て同じだが、背景色のみ各ページごとに変えている。(教えて!gooの紺色地に白抜き文字のような形です。各ページごとに紺色地が別色になります) 【質問】 ・h1はindex.htmlに設定すると思うのですが、テキストは(C)の一行しかありません。他のページでは最下部に(C)表示を置きます。h1はどこに設定したら良いですか?画像にh1を設定する事があると聞きますが、swfにh1を設定することになるのでしょうか? ・タイトルバーはDreamwever/新規CSS/セレクタタイプ/タグ/h2で共通の文字色、文字サイズ、ボックスなどを設定して背景色のみ、各ページ設定する。この場合、2ページ以降はh1タグが無くなってしまいますーこの形は正しいでしょうか? ・hタグの使い方を考えるとサイトの構成に問題があったと思いますが、この構成で作ることになってしまいました。CSS添付ではなく各ページ毎に設定するべきなのでしょうか。もしそうならその時のh1,h2はどう設定したらよいでしょうか? どうか方法を教えてください。よろしくお願いいたします。

専門家に質問してみよう