• ベストアンサー

h1タグについて教えてください。

h1タグを付けると文字が大きくなってしまいます。 フォルダにメモ帳で h1 { text-align: center; font-size: 10px; font-weight: normal; color: #FF0000; } の内容です。フォルダの名前はstyle.cssです。 HPのソースには<HEAD></HEAD>の中に<link href="style.css" rel="stylesheet" type="text/css"> を入れてあります。 h1を使ったソースは <TD><h1>●●●●●</h1></TD>です。 ●の文字が大きくなってしまい困っています。教えてください。おねがいします。 初心者ですので伝え方の不足の部分があるかもしれませんが、宜しくお願いします。

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

  • ベストアンサー
  • Oh-Orange
  • ベストアンサー率63% (854/1345)
回答No.7

★結果報告、ありがとう御座います。 ・CSS の定義ファイルをフォルダ『style.css』へ入れているのならば、  『<link href="style.css/index.css" rel="stylesheet" type="text/css">』  が CSS 定義ファイルの指定になりますよ。 ・フォルダに拡張子『.css』をつけているのですか?→つけてもいいですが、  指定するときには『フォルダ名+CSSファイル名』のセットで指定します。 ■ルート(フォルダ) ├index.html └■style.css  └index.css ・上記の図式で『■』がフォルダを表しています。  『index.html』ファイルと同じ階層に『style.css』フォルダがあって、その中に  『index.css』を入れておきたいのならば、『href="style.css/index.css"』という  パス設定になります。→最初の『<link … type="text/css">』を参照。 最後に: ・フォルダ『style.css』に CSS ファイルを入れただけでは CSS の機能はしません。 ・以上。おわり。→回答者 No.6(No.4) さんのと一緒に CSS の指定方法を理解して下さい。

kamonegi2005
質問者

お礼

ありがとうございます。出来ました!!

その他の回答 (6)

  • metis
  • ベストアンサー率52% (86/165)
回答No.6

#4です。横槍になりますが… >CSSの定義をフォルダ(style.css)にいれずに、~ hrefで指定するのは、フォルダではなくて、「css」という拡張子を持つ「ファイル」です。 質問文にある定義を中身に持つ、「style.css」という「ファイル」を作成し、それをHTMLと同じフォルダに置いてみて下さい。 よく見たら質問文に「フォルダ」って書いてありましたね…。失礼しました。 ちなみに、index.cssに入れたら出来たのは、そのindex.cssをlinkタグで指定しているからだと思います(<link href="index.css"~>というタグがある) そのindex.cssをそのまま用いるのでしたら、特定のフォルダに入れなくても大丈夫です(同時に、href="style.css"の行も必要なくなります)。 なお、cssファイルが大量に出来る場合など、フォルダを作成してもいいでしょうが、その際はきちんとhref="[フォルダ名]/[ファイル名]"として下さい。

kamonegi2005
質問者

お礼

ありがとうございます。出来ました!!ただ完全には理解はしていませんが、なんとか外部設定で出来ました。ありがとうございます。

  • Oh-Orange
  • ベストアンサー率63% (854/1345)
回答No.5

★スタイルシートのファイルは1つだけですか? ・回答者 No.2 さんのアドバイスで HTML ファイルに記述すると正常、外部ファイルの指定で  異常になる場合は、パスの指定が異なるか、別のスタイルシートのファイルで既に『H1』が  定義されている可能性があります。 ・<LINK>タグで指定している『スタイルシート』ファイルは1つですか?  もしも、複数読み込んでいる場合はすべてをチェックして下さい。 ・以上。確認して下さい。→結果報告をお願いします。

kamonegi2005
質問者

補足

ありがとうございます。Oh-Orangeさんの言うように、別のファイルでH1が定義されていました。しかしそのファイルを削除しても出来ませんでしたが、CSSの定義をフォルダ(style.css)にいれずに、メモ帳(index.css)をそのまま放り込んだら、一応できました。index.cssをフォルダ(style.css)にいれなくて問題はないのでしょうか?このやり方で間違っていたら、お時間があるときで結構ですのでお教え下さい。

  • metis
  • ベストアンサー率52% (86/165)
回答No.4

<link href="style.css" rel="stylesheet" type="text/css"> この一行を <link href="style.css" rel="stylesheet" type="text/css" /> こうしてみてはいかがでしょうか? 理由は全く分からないのですが、こちらで前者で適用されず、後者で適用された、ということがありますので…。

kamonegi2005
質問者

補足

ありがとうございます。やってみましたがダメでした。

  • crepon133
  • ベストアンサー率51% (399/776)
回答No.3

style.cssとhtmlは同じ階層に置いていますか?

kamonegi2005
質問者

補足

ありがとうございます。同じ階層です。

  • akuhijrwq
  • ベストアンサー率35% (381/1064)
回答No.2

http://www.ho-n.com/beginner/seo_h1h6p.html 外部設定ではなく <style type="text/css"> <!-- h1 { text-align: center; font-size: 10px; font-weight: normal; color: #FF0000; } --> </style> にした場合、どうなりますか? http://www.hyperposition.com/rumor/css-h1.html http://www.sem-seminar.com/seo_diary02.html http://seoda.seesaa.net/article/32244381.html

kamonegi2005
質問者

お礼

できました。ありがとうございました。ただ外部設定はどうしてもできませんでした。

kamonegi2005
質問者

補足

ありがとうございます。コピーしてやってみましたが変化がありませんでした。外部設定?とはなんでしょうか?お時間があれば教えてください。

  • aya-u
  • ベストアンサー率24% (99/397)
回答No.1

Hタグの意味はご存知ですか? http://www.htmq.com/html/h.shtml 単に、h1というccsを適用したいのならば、 <TD class="h1">●●●●●</TD> って感じじゃないでしょうか?

kamonegi2005
質問者

補足

ありがとうございます。hタグの事は勉強中ですが殆ど理解していないのが現状です。