HTML では、フォント タグを使用してテキスト フォントの属性を変更し、テキストをよりリッチに表示します。この記事では、Web ページでよく使用されるフォント タグについて説明します。たとえば、タイトルのフォントを拡大する必要がある、色が赤である、フォント カテゴリがボールドまたはイタリックを使用している、などです。
1. フォントサイズ設定
フォント サイズはピクセルで表されます。たとえば、12 ピクセル、14 ピクセル、16 ピクセルです。通常、Web ページにはデフォルトのピクセル サイズがあります。フォント サイズを変更する場合は、リセットする必要があります。適切なフォント サイズを使用すると、Web ページに多くの装飾を加えることができ、より美しく快適に見ることができます。
フォーマット: <font size="#">浄瑠璃陽子</font>
キーワード size はサイズを示すために使用され、# は 1 から 7 までの任意の数字を示し、数字が大きいほどフォントが大きくなります。
2.フォントの色を設定する
さまざまなフォントと色の組み合わせにより、ユーザーは Web ページをより視覚的に認識し、記事の重要なポイントを強調して閲覧を続けることができます。
フォーマット: <font color="#">浄瑠璃陽子</font>
キーワード color は色を表すために使用され、# は色を表し、"red" などの色を表す単語、または "#cccccc" などの RGB カラー値にすることができます。
3. フォントは論理フォントと物理フォントに分けられる
物理フォントは仕事でよく使われるもので、「一般的なHTMLタグとフォーマット」で紹介したものもありますが、この記事では改めて一覧にして他のタグと比較し、記憶を深めていきます。
< B>< /B>: 文字を太字に設定
< I>< /I>: 文字を斜体に設定します
< U>< /U>: 文字に下線を追加します
< S>< /S>: 文字に取り消し線を追加します
< TT>< /TT>: 文字をタイプライター フォントに設定
< SUP>< /SUP>: 文字を上付きフォントに設定
< SUB>< /SUB>: 文字を下付きフォントに設定
論理フォントは珍しいかもしれませんが、強力です。論理フォントは、物理フォントとは異なる強調を具現化しており、それらによって表示される効果はより美しいものです。
<EM></EM>: 強調テキスト
<STRONG>< /STRONG>: フォント強調
< CODE>< /CODE>: 表示プログラミング コード
< SAMP>< /SAMP>: サンプル テキストの表示
< KBD>< /KBD>: キーボードのキー テキストを表示します。
< SMALL>< /SMALL>: 小さい文字
< BIG>< /BIG>: 文字を拡大