フォントタグ

5745 ワード
htmlf learnhtml テキストリンク
HTMLでは、フォントタグは、フォントの色、サイズ、顔などのフォント特性を定義するために使用されます.CSSプロパティを使用してこの動作を変更することもできます.
  • フォントタグは基本的に3つの属性を持っています.以下のようになります:
  • サイズ
  • 色
  • フェイスタイプ
    • 注意:タグは廃止予定のHTMLタグで、HTML 5では使用できません.
    推定読書時間:4分

    文法


    タグは開始タグと終了タグの両方を含んでいます.これらの2つのタグの間に内容が書き込まれます.
    
<font attribute="value"> Write your text here </font>

    HTMLタグのサンプル


    
<!DOCTYPE html>
<html>
  <head>
    <title>HTML <font> Tag</title>
  </head>
  <body>
<h2>Example for HTML <font> tag:</h2>
    <p>
      <font size="3" color="#FF00FF">This text is in Pink.</font>
    </p>
    <p>
      <font size="5" color="green">Green text, font size increased.</font>  
    </p>
    <p>
      <font size="4" face="Comic sans MS" color="blue">Blue tex, typeface changed.</font>
    </p>
  </body>
</html>

    結果:


    結果

    サンプルファイルをダウンロード


    HTML-font-tag Download

    フォント特性を変更するためのCSSスタイル


    CSSカラープロパティを使用してテキストの色を変更できます.また、テキストの種類を変更し、テキストサイズを変更するにはCSSのフォントサイズのプロパティを使用してCSSのフォントファミリーやフォントのプロパティを使用します.

    例:


    
<!DOCTYPE html>
<html>
  <head>
    <title>HTML <font> Tag</title>
  </head>
  <body>
<h2>Example for HTML <font> tag with CSS property:</h2>
    <p style="font-size:16px; color:green;">This is the Green color text.</p>
    <p style="font-size:20px; color:#1c87c9;">Blue color text, and font size increased.</p>
    <p style="font-size:18px; color:salmon; font-family:WildWest;">Salmon color text, typeface changed.</p>
  </body>
</html>

    結果:


    結果

    属性


    タグはグローバル属性とイベント属性の両方をサポートします.
    属性
    値
    説明
    色
  • rgb ( x , x , x )
  • #xxxxxx
  • 色名
    この値を指定したテキストの色を変更する
    額面の方は書体をセットする.
    大きさは、テキストのサイズを設定するのに役立ちます
    • 属性

    タグのスタイリングメソッド


    次のプロパティを使用してHTMLフォントタグをスタイルできます.

    スタイルのプロパティ-タグのテキストの視覚的な重み/強調/サイズ


  • CSSのフォントスタイル-このCSSプロパティは、通常の、斜体、斜め、初期、継承などのテキストのフォントスタイルを設定するのに役立ちます.

  • CSSフォントファミリー-このCSSプロパティは、選択された要素の1つ以上のフォントファミリー名またはジェネリックファミリ名の優先順位付きリストを指定します.

  • CSSのフォントサイズ-このCSSプロパティは、フォントのサイズを設定するのに役立ちます.

  • CSSフォントウェイト-このCSSプロパティは、フォントが太字であるか太いかどうかを定義するために使用します.

  • CSSテキスト変換-このCSSプロパティは、テキストケースと資本化を制御します.

  • このCSSプロパティは、テキストの装飾線、テキストの装飾色、テキストの装飾スタイルなどのテキストに追加された装飾を指定します.

    • タグのテキストを着色するスタイル


  • このCSSプロパティは、テキストコンテンツと装飾の色を指定します.

  • このCSSプロパティは、要素の背景色を設定するのに役立ちます.

    • タグのテキストレイアウトスタイル


  • このCSSプロパティは、テキストブロック内の最初の行のインデントを指定するために使用されます.
  • *このCSSプロパティは、表示されていないオーバーフローされたコンテンツがどのようにユーザーに通知されるかを記述するのに役立ちます.

  • CSSホワイトスペース-このCSSプロパティは、要素内の空白がどのように扱われるかを説明します.

  • CSSの単語ブレイク-このCSSプロパティは、行が壊れている場所を決定します.

    • タグの他のプロパティー


  • CSSのテキストの影-このCSSプロパティは、テキストに影を追加するのに役立ちます.

  • CSS text align last -このCSSプロパティはテキストの最後の行の位置を設定します.

  • このCSSプロパティは、線の高さを定義します.

  • CSS文字間隔-このCSSプロパティは、テキスト内の文字/文字間の空白を決定するのに役立ちます.

  • このCSSプロパティは、すべての単語の間隔を指定します.

    • ブラウザサポート:


    ブラウザサポート

    関連記事

  • HTML
    Definition Description Tag
  • HTML
    Center Tag
  • Basic HTML Definitions and Usages in the Real World
  • HTML Code Tag
  • HTML Aside Tag

    • よくある質問


    HTMLのタグは何ですか?
    HTMLタグは、サイズ、色、書体などのフォント特性を定義します.
    フォントタグの機能は何ですか?
    フォントタグは、魅力的で読みやすいWebページを作成します.
    HTMLフォントタグの構文は?
    HTMLフォントタグの基本的な構文は以下の通りです.
    テキスト
    フォントタグは廃止されたHTMLタグですか?
    はい.タグは廃止されたHTMLタグで、HTML 5では利用できません.
    HTMLタグで使用可能な属性は何ですか?
    フォントタグには、次の3つの属性があります.
    色
    サイズ
    フェイスタイプ
    郵便HTML Font Tag appeared first on Share Point Anchor.
    pythonにおけるGraphvizの簡単なまとめ(macの場合のみ解説)
    タイプAliasとインタフェース