HTML定義タグ

7081 ワード
learnhtml htmld テキストリンク
HTML定義タグは、定義句または文のコンテキストで指定された用語を定義するために使用されます.用語が要素の範囲内で含まれるならば、ブラウザーは近くのテキストが用語の定義を含むと理解します.
タグ
ペア、またはタグは、用語の定義と見なされます.ほとんどのブラウザは、タグ内のテキストをイタリック体として表示します.CSSプロパティでこの動作を変更できます.
推定読書時間:5分

文法


定義タグは開始タグと終了タグの両方を含んでいます.これらの2つのタグの間に内容が書き込まれます.

<dfn> Definition term </dfn> - Definition.

HTMLタグの特徴


th, td{ padding: 20px; }
△tag tagは定義項
コンテンツ内容、流動コンテンツ、言い回し内容、可読コンテンツ
また、コンテンツ内容の内容を許容する.しかし、要素は子孫でなければなりません
△タグ省略なし.
は、親の容赦の内容を受け入れるHTML要素を許しました
無意味アリアの役割
アリアの役割を許可している
チェンインターフェース

HTMLタグのサンプル



<!DOCTYPE html>
<html>
  <head>
    <title>HTML <dfn> Tag</title>
  </head>
  <body>
<h3>Example for Definition tag</h3>
    <p>
<dfn>HTML</dfn> - It is the technology used to create web pages
    </p>
  </body>
</html>

結果:


結果

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


HTML-dfn-tag Download
  • タグ内の用語は次のいずれかです.
  • ちょうど要素の内容として
  • "title "属性
  • タグの中にタグを付けて
  • “id”属性を使用すると、 tag

    • HTMLタグの" title "属性の例:


    
<!DOCTYPE html>
<html>
  <head>
    <title>HTML <dfn> Tag</title>
  </head>
  <body>
<h3>HTML <dfn> Tag with "title" attribute</h3>
    <p>
    <dfn title="HyperText Markup Language">HTML</dfn> - It is the technology used to create web pages.
    </p>
  </body>
</html>

    結果:


    結果

    HTMLタグのタグの例


    
<!DOCTYPE html>
<html>
  <head>
    <title>HTML <dfn> Tag</title>
  </head>
  <body>
<h3>HTML <dfn> Tag with <abbr> tag</h3>
    <p>
    <dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> - It is the technology used to create web pages.
    </p>
  </body>
</html>

    結果:


    結果

    「id」属性を持つHTMLタグの例


    
<!DOCTYPE html>
<html>
 <head>
    <title>HTML <dfn> Tag</title>
  </head>
<body>
<h3>HTML <dfn> Tag with "id" attribute</h3>
<p><dfn id="html-def">HTML</dfn> is the standard markup language for creating web pages.</p>

<p>This is some text...</p>
<p>This is some text...</p>
<p>This is some text...</p>
<p>This is some text...</p>
<p>This is some text...</p>
<p>This is some text...</p>
<p>Learn <a href="#html-def">HTML</a> now.</p>
</body>
</html>

    結果:


    結果

    属性


    定義タグは、グローバル属性とHTMLのイベント属性をサポートします.
    th, td{ padding: 20px; }
    属性
    値
    説明
    タイトル
    この属性は、用語の上でマウスをホバリングするとき、定義項の省略形を指定します.

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


    次のプロパティを使用して、HTMLdfn > 定義タグ.

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


  • 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 Definition Tag appeared first on Share Point Anchor.
    金色1-100準1949優秀村
    The NewWorld is a new world!!