ホームページの背景や文字に色をつける方法

ホームページの色はなにも指定しない場合は白と決まっています。それを好みの背景色 に変えるにはタグをボディ部分に指定します。タグの書式はbody bgcolor=""で""の間 に色を指定します。

文字に色をつける方法はfontタグと呼ばれるものを使います。font color=""で簡単です。 英語で色をblackのように指定してもよいですが、できればカラーコードを参照してこちらも カラー番号で入力した方がよいとされています。カラーコードはインターネットで簡単に 調べられるのでぜひチェックしてください。


Our partners

  • 税理士 →税理士の事ならことサイトです。
  • ランチェスター →ランチェスターのことを勉強しよう。
  • 電話占い →電話占いならこのサイトが一番です。
  • 探偵 川口 →探偵を川口でお探しならここです。

  • 通常色は番号で指定します。英語で直接青ならblueとしても反応はしますが、正式には 番号にします。数えきれないほどの色を指定でき、代表的なものだけでも覚えるのに 一苦労しますので、色コードを紹介しているホームページなどをブックマークして 必要に応じて参考にするとよいでしょう。

    直接htmlコードに書き込んで文字に色をつけていってもよいですが、できればスタイルシート で変えましょう。コードがすっきりするのでこちらのほうが検索エンジンからも好かれます。昔 はヘッダ部分にスタイル指定を書き込んでいたのですが、今はスタイルシートを別個に用意 してそこから読み込みます。

    色をたくさんつけると目立つようですが、あまりカラフルにするとかえって読みにくくなるので 大変です。基本黒一色にしてここぞという時に赤か青を使いましょう。または黒、青、 赤の3色にするのもよいです。

    注意点としてリンク色と他の文字を別にすることです。隠しリンクではないですが、リンクと 見た目で認識しにくくなる方法はお勧めされていません。また背景画像と同色でのリンクも 原則やめたほうがよいでしょう。

    文字色も同じようにタグで指定します。何もなければ初めは黒です。ただリンク色は 初めは青ですので、別色に指定したい時は文字色コードで指定しましょう。文字色は 一旦指定するとすべてが同じ色になります。文章や単語によって色を変えたい場合は 否定を一旦解除してまた指定しなおす必要があります。

    スタイルシートを使えば、ソースを汚さずに色指定を行うことができますのでぜひ 活用してみましょう。背景色も慣れてきたら画像を張り付けるなどすると格好よく デザインできるようになります。また細かなデザインを出したい場合はイラストレーター などで画像として文字を作るとよいでしょう。


  • 会計事務所 →会計事務所は信頼と実績のこの会社です。
  • パワーストーン →パワーストーンのことについてもっと知ろう。
  • 電話占い →電話占いに特化した面白いサイトです。
  • 名刺印刷 →名刺印刷はここに依頼しましょう。

  • 以前はストロングタグはemタグで強調させることができました。もちろん今も できますが、seo的に以前と比べ上記タグの比重が減ったどころかストロング タグを使うと順位降下すら見受けられるようになりました。

    今でもストロングタグやemタグを使っているサイトが上位にいることもありますが、 被リンクなどでの上位表示の可能性が大きいです。基本的に外したほうが 順位が上がりやすいので、この2つのタグの使用は控えましょう。

    背景に色をつける場合、赤は目がチカチカします。青は落ち付き信頼度が ましますが、あまり濃い青は気持ちがめいります。黒は不安度が増す色です のでやめたほうがよいでしょう。

    昔は有効でずい分流行ったのですが、今では使いすぎると順位が下がって しまうことすらあります。それでも高順位をキープしているサイトもありますが、 それをマネするのはあまりお勧めできません。

    ですので、現在は太文字や強調文字にしたいのであれば、bタグを使うのが よいでしょう。ただ強調したい気持ちが出過ぎるとデザイン的にあまりよくない ものになりがちですので、使用には十分注意しましょう。

    少しホームページ作成に余裕が出てきたら一色の色でホームページの背景を埋め尽くす のではなく、画像を1枚、または2枚組み合わせて作ってみると奇麗な背景に仕上がります。 この場合は、スタイルシートで指定すればよいので、htmlコードにたくさんタグを打ち込む 必要もなく、ソースがきれいです。


  • プレス加工 →プレス加工なら安心のこの会社まで。
  • 株式会社設立 →株式会社設立を任せるならこの会社です。
  • チラシ印刷 →チラシ印刷なら安心のこの会社がベストです。
  • オリジナルカレンダー作成 →オリジナルカレンダー作成ならこの会社が一番です。

  • メニュー

    お気に入りサイト達

    内容の正確性に関しては責任を負いかねます。個人の責任にて当サイトをご利用ください。