HTMLでフォント・カラー・タグを使うには

ページ名：HTMLでフォント_カラー_タグを使うには

このWikiHowでは、HTML文書の文字色を変更する方法を説明します。HTML5ではHTML fontタグは廃止されましたが、CSSを使ってHTMLページのテキストに色を追加することができます。古いバージョンのHTMLを使用している場合は、必要に応じてHTML font colorタグを使用できます。

方法1

CSSを使う

  1. テキストの色を選びます。テキストの色には基本的な色（たとえば「赤」）を使うことができますが、より微妙な色合いにはHTMLカラージェネレーターを使う必要があります：
    • お使いのコンピュータのウェブブラウザにアクセスしてください。
    • ページ上部の六角形で、使いたいベースカラーを選択します。
    • ページの右側にある使いたい色合いまでスクロールします。
    • シェードの右側にある6文字のコードに注目してください。
  2. HTMLドキュメントを開きます。これは、文字色を変更したい文書でなければなりません。
    • まだHTML文書を持っていない場合は、先に進む前に
  3. 色を付けたいテキストを探します。段落やヘッダーなど、色を付けたいテキストが見つかるまで文書をスクロールします。
  4. テキストのタグに注目してください。例えば、そのテキストがヘッダーであれば、その前に「<h1>」と表示されているはずです。
  5. 文書の先頭に「head」と「style」セクションを追加します。<html>」タグの下に「<head>」と入力して↵Enterキーを押し、「<head>」タグの下に「<style>」と入力して↵Enterキーを2回押し、両方の閉じタグを入力します。最終結果は次のようになるはずです：
    <!DOCTYPE html> <html> <head> <style> </style> </head> <body>
  6. color "スタイル・タグを入力します。<style></style>」タグの間のスペースをクリックし、次のコードを入力します（赤をカラーコードに、「<h1>」を色を付けたいテキストのタグに置き換えてください）：
    <h1> { color: red; }.
  7. ドキュメントを見直してください。あなたのページのヘッダーは次のようになるはずです：
    <!DOCTYPE html> <html> <head> <style> <h1> { color: red; } </style> </head> <body>
  8. 本文の色を統一する文書の本文をすべて同じ色にしたい場合は、次のコードを入力し、好みの色を黒に置き換えてください：
    ボディ { color: black; }
方法2

HTMLタグを使う

  1. テキストの色を選びましょう。基本的な色（たとえば「赤」）を使ってテキストを着色することはできますが、より微妙な色合いを表現するにはHTMLカラー・ジェネレーターを使う必要があります：
    • お使いのコンピュータのウェブブラウザにアクセスしてください。
    • ページ上部の六角形で、使いたいベースカラーを選択します。
    • ページの右側にある使いたい色合いまでスクロールします。
    • シェードの右側にある6文字のコードに注目してください。
  2. HTMLドキュメントを開きます。これが、文字色を変更したい文書であるはずです。
    • まだHTML文書を持っていない場合は、先に進む前に
  3. 色を付けたいテキストを探します。段落やヘッダーなど、色を付けたいテキストが見つかるまで文書をスクロールします。
  4. 開いている「font」タグを追加する。色を付けたいテキストのすぐ左をクリックし、次のように入力します（赤をお好みの色に置き換えてください）：
    <font color="red">
  5. font "タグを閉じます。着色したいテキストの末尾の右側のスペースをクリックし、そこに</font>と入力します。
    <font color="red">このテキストは赤です！</font>。

サンプルHTMLコード

この記事は、CC BY-NC-SAで公開されている「 HTMLでフォント・カラー・タグを使う方法 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン： このページをSNSに投稿するのに便利です。

コメント

返信元（返信をやめる）

※ 悪質なユーザーの書き込みは制限します。
最新を表示する
NGIDの確認

NG表示方式

NGID一覧