著者:
Monica Porter
作成日:
21 行進 2021
更新日:
27 六月 2024
![HTMLでテキストを改行する方法とPタグとbrタグの違い【初心者用】](https://i.ytimg.com/vi/r85LYR7BWhg/hqdefault.jpg)
コンテンツ
この記事では、HTMLドキュメントのフォントの色を変更する方法を説明します。 HTMLではフォントタグは古くなっていますが、CSSを使用してHTMLページのテキストに色を追加できます。古いバージョンのHTMLを使用している場合は、必要に応じてHTMLフォントタグを使用できます。
手順
方法1/2:HTMLタグを使用する
フォントタグを作成します。 カードのセット 色を変更したいテキストの前。クロージングカードを配置する テキストの後ろ。- といった:
このテキストは青色になります。
- といった:
色属性を追加します。 インサート 色= "" フォントを開くタブに移動します。あなたが望む色は引用符で囲まれます。- 例えば:
色= ""このテキストは青色になります。
- 例えば:
色の名前を選択します。 色の名前は常にスペースのない1つの単語です。 「青」(青)、「赤」(赤)のような単純なもの、または「水色」や「紺色」(紺色)のようなわかりやすい名前を試してください。その他のオプションについては、「栗色」(ダークブラウン)、「スチールブルー」(グレーグリーン)、「ライム」(ライトイエロー)など、認識されているカラーキーワードリストを検索してください。- といった:
このテキストは青色になります。
- といった:
16進カラーコードを使用します。 HTMLでは数百万の色から選択できますが、すべての色に名前があるわけではありません。代わりに、16進数で記述された6文字のコードを使用します。 Webには、16進カラーコードを一覧表示したり、画面上で色を選択して16進値を表示したりできるWebサイトが多数あります。このコードは#記号で始まり、0〜9の数字またはA〜Fの文字を含む6文字で構成されています。- コード番号FF0000は赤色を表します。
- このコードは緑色のテキストを生成します。
- このコードは青いテキストを生成します。
RGB値を試してください。 オンラインカラーピッカーを使用できるようにするために、16進カラーコーディングがどのように機能するかを知る必要はありません。ただし、体験が必要な場合は、基本から始めることができます。- 各6文字のコードは、赤、緑(緑)、および青( "RGB")の値に分割されます。たとえば、コード#FF0000は、「赤:FF緑:00青:00」を意味します。
- 赤の量を変更するには、最初の2文字を変更します。 00(赤なし)から99(わずかに赤)までの任意の値、または文字AA(赤みがかった)からFF(赤の最大量)までの任意の値を使用できます。
- 同じシステムを使用して、値を緑(中央の2桁)または青(最後の2桁)に変更します。
六角形のカラーコードをより深く理解する。 正しい色を選択するには、次の2つの概念を知っている必要があります。- 3つの色の値ごとに2桁です。調整を少なくしたい場合は、2桁目を変更するだけです。たとえば、#850000と#890000は非常に似ており、#A50000は少し明るくなります。
- 組み合わせたRGB値は、カラーシステムにプラスを加えたものに等しくなります。赤と緑は黄色になります。青と緑はシアンを形成します。赤と青はバーガンディ色になります。
方法2/2:インラインCSS要素を使用する
HTMLタグにstyle属性を挿入します。 プロパティ スタイル= "" HMLドキュメントでCSSを使用できます。 CSSについて知らなくても、フォントの色を設定する簡単な方法は次のとおりです。 style属性をHTMLタグの1つに設定してみてください。pタグは、テキストの一部を識別するために使用されます。
- タグはリンクを作成するために使用されます。
- スパンタグを使用して、フォーマットを変更せずに段落の一部に色を付けます。
色を指定します。 インサート 色: 引用符の中に色名または16進コードを入れます。名前とカラーコードの詳細については、上記の方法を参照するか、次の例を試してください。- このコードは赤いテキストを構成します。
- このコードは、濃いオリーブグリーン色を生成します。
- CSSは3桁の短縮をサポートしています。カラーコード745は774455の略です。
頻繁に使用する型面のCSSクラスを使用します。 大きなWebページのコンテンツのすべての画像キャプションまたはタイトルのスタイルを設定する場合は、コード全体を何度も入力する必要はありません。代わりに、テキストの先頭にCSSクラスを定義して、そのスタイルを使用するたびに1つの省略形でクラスを呼び出すことができるようにします。これは、style属性のいくつかの新しい使用法を示す例です。- セクションで HTMLドキュメントの、次のコードを貼り付けます。
- 次に、テキストの本文で、属性を使用してこのスタイルを要素として追加します。といった、
この段落
濃い緑色の大きなCursiveフォント。 - タイプフェイスを説明するために、「ファンシー」の代わりに任意の単語を使用できることに注意してください。
- セクションで HTMLドキュメントの、次のコードを貼り付けます。
助言
- あなたはあなたのページを読みやすくするように努めるべきです。明るいテキストの色は白では読みにくく、暗いテキストの色は黒では読みにくくなります。
- 古いコンピューターは65,000色の制限を表示しますが、古いコンピューターは256色の制限を表示します。ただし、インターネットユーザーの99%以上が、指定した色を見ることができます。
警告
- font要素は、XHTML 1.0 StrictDTD標準ではサポートされていません。