HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのfontタグとは？色・書体・サイズの指定方法を解説

HTMLの<font>タグは、文字の色・フォント（書体）・サイズを指定するために使用されるタグです。主な属性は以下のとおりです。

  • color: 文字の色を指定します。
  • face: フォントの書体（フォントファミリー）を指定します。
  • size: 文字サイズを指定します。

注意：<font>タグはHTML5では廃止されており、最新の標準規格ではサポートされていません。現行のWebページでは、CSSの「color」「font-family」「font-size」などのプロパティを使ってスタイルを指定することが推奨されています。

それでは、HTMLで<font>タグを実装する具体例を見てみましょう。

サンプルコード

<!DOCTYPE html>
<html>
<body>
    <h2>フォントを使ってみよう</h2>
    <p>以下にさまざまなフォントを表示します：</p>
    <p><font face="arial" size="20" color="yellow">サンプルテキスト！</font></p>
    <p><font size="10" color="gray">サンプルテキスト！</font></p>
    <p><font size="15" face="verdana" color="magento">サンプルテキスト！</font></p>
    <p><font size="8" face="calibri" color="magento">サンプルテキスト！</font></p>
</body>
</html>

出力結果

HTMLのfontタグとは？色・書体・サイズの指定方法を解説

上記の例では、fontタグの各属性を使ってフォントのスタイルを設定しています。

<font size="8" face="calibri" color="magento">
    サンプルテキスト！
</font>

上のコードでは、まずsize属性で文字サイズを指定しています。

font size="8"

次に、face属性でフォントの書体を指定しています。

font face="calibri"

そして、color属性で文字の色を指定しています。

font color="magento"
  1. HTMLのembedタグとは？使い方と主な属性をわかりやすく解説

    <embed>タグとは<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ（PDFファイル、動画、音声など）を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。<embed>タグで使用できる主な属性は以下の通りです。height：埋め込むコンテンツの高さをピクセル単位で指定します。src：埋め込む外部ファイルのアドレス（URL）を指定します。type：埋め込みコンテンツのメディアタイプ（MIMEタイプ）を指定します。例：「application/pdf」など。width：埋め込むコンテンツの幅をピクセル

  2. HTMLの<dfn>タグとは？定義用語のマークアップ方法を実例付きで解説

    HTMLの<dfn>タグは、専門用語や略語など「定義の対象となる語」が文書内で最初に登場する箇所を示すための要素です。多くのブラウザでは、<dfn>タグで囲まれた部分は斜体（イタリック体）で表示されます。 それでは、<dfn>タグの具体的な実装例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>MCAの科目一覧</h2> <p><dfn title="Master of Computer Applications"