HTMLでフォントカラータグを使用する方法
著者:
Lewis Jackson
作成日:
5 5月 2021
更新日:
1 J 2024
![HTML入門講座 #07:表(テーブル) table, tr, th, td タグ](https://i.ytimg.com/vi/3BR05FnKvco/hqdefault.jpg)
コンテンツ
この記事の内容:HTMLタグを使用するタグでCSSを使用する6
HTMLフォントタグは廃止されたため、プロの開発者は使用を避ける必要があります。個人プロジェクトでフォントの色を変更することは非常に簡単ですが、Webブラウザーが更新されても引き続き機能するという保証はありません。最良の結果を得るには、このメソッドをCSSで使用する必要があります。
ステージ
方法1 HTMLタグを使用する
-
フォントタグを作成します。 タグを付ける 着色したいeの前に。置くことによってそれを閉じます eの終わりに- 例:
これを青くしたい
- 例:
-
色の属性を追加します。 加えます 色= "" 開始タグ内。次に、選択した色を引用符で囲みます(英語)。- 例:
これを青くしたい
- 例:
-
色の名前を選択します。 これは常にスペースのない英語の単純な単語です。 「青」、「赤」などの単純な名前、または「水色」(濃い青)や「濃い青」(濃い青)などのより具体的な名前を試してください。その他の選択肢については、マルーン、スティールブルー、ライムなど、受け入れられている色名のリストを見つけてください。- 例:
これを青くしたい
- 例:
-
代わりに16進コードを使用してください。 HTMLを使用すると、数百万色から選択できますが、色の名前が常にあるとは限りません。代わりに、16進数と呼ばれるシステムで6桁のコードを使用します。色の16進コードリストを提供する多くのWebサイトがあります。また、画面上で直接色を選択してコードを取得することもできます。番号は#記号で始まり、その後に0〜9の数字とd〜Fの文字で構成される6桁が続きます。- コード#FF0000は、「赤」とマークされた赤色と同じです。
- このコードは緑色を生成します。
- このコードは、eを青にします。
-
RGB値で遊ぶ。 インターネットで見つけたパレットで好きな色を選択するために、16進数のカラーコードがどのように機能するかを知る必要はありません。ただし、いくつかの実験を行う場合は、基本から始める必要があります。- 各6桁の数値は、赤、緑、青の値(または「赤、緑、青」の場合は「RGB」)に分割されます。たとえば、コード#FF0000は実際には「赤:FF、緑:00、青:00」を意味します。
- 赤の量を変更するには、最初の2桁を変更します。 00(赤なし)から99(少し赤)の間、およびAA(もう少し赤)からFF(赤の最大値)までの値を使用できます。
- 同じシステムを使用して、緑(中央の2桁)と青(最後の2桁)の値を変更します。
-
コードの詳細を理解してください。 より正確な色を選択するには、他の2つの概念を理解する必要があります。- これら3つの値はそれぞれ2桁の数字で構成されています。小さな編集を行うには、2桁目を変更できます。例: #850000 と #890000 非常に似ていますが、 #A50000 より明確です。
- RGB値は、加色合成システムに基づいて混合されます。赤と緑のメイク 黄色、青と緑のメイク シアン 赤と青のメイク マゼンタ .
方法2タグでCSSを使用する
-
タグに「style」属性を挿入します。 この属性を使用すると、CSSをHTMLタグに直接配置できます。 CSSを知らなくても色を変更する簡単な方法です。次のタグのいずれかに配置してみてください。pタグは段落をeで囲みます
- タグがリンクを囲んでいる
- spanタグを使用して、形式を変更せずにeの一部の色を変更します
-
色を示します。 挿入 色: 引用符内の色または16進コードの名前が続きます。色の名前の詳細については、前の方法の例を参照してください。- eは現在赤です。
- ダークオリーブグリーンのコードは次のとおりです。
- CSSは、3桁の短縮カラーコードをサポートしています。コード745は774455の略語です。
-
CSSクラスを使用します。 すべての写真またはすべての章のタイトルに同じスタイルを適用する場合、毎回同じコードを繰り返す必要はありません。代わりに、ドキュメントのヘッダーにクラスを定義して、後で同じスタイルを適用するときにいつでも参照できるようにすることができます。 「スタイル」属性のいくつかの使用法を示す例は次のとおりです。- セクションで HTMLページの次のコードをコピーします。
- 同じドキュメントの本文で、属性を使用します このスタイルをアイテムに追加します。例:
この段落
幅広の筆記体フォントで濃い緑色で表示されます。 - クラスを「ファンシー」と呼ぶ必要はないことを知って、必要な名前を付けることができます。
- セクションで HTMLページの次のコードをコピーします。