ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLのインラインタグ
HTMLのインラインタグ
- 王林オリジナル
- 2024-09-04 16:25:09691ブラウズ
Web ページを作成する場合、HTML 要素は Web ページ開発において重要な役割を果たします。これらの HTML 要素は、インライン要素とブロック レベル要素のような 2 つのサブカテゴリに具体的に分類されます。インライン要素とは、改行で始まらない要素です。また、ウェブページ上で全角のスペースを必要としません。この種の要素は、含まれる要素を収めるのに必要なだけのスペースを占有します。 HTMLにはさまざまなInlineタグがあります。後で 1 つずつ見ていきます。 要素は、HTML に含まれるテキストのコンテナとして機能します。ほとんどの場合、インライン要素は別の HTML 要素内で使用されます。
インライン要素を作成するための構文は次のとおりです:
構文:
<span>Contents</span>
- 上に示したように、span 要素は含まれる要素のコンテナとして扱われます。 spamタグに属性を付ける必要はありません。クラス名、ID名、またはスタイルを属性として使用します。
- ボディ部分にはインライン要素が含まれています。これらの要素は、他の要素と比較して短い構造を作成します。
HTML のトップ 20 インライン タグ
HTML では複数のインライン タグが使用されます。一つずつ見てみましょう:
1. : このタグは、HTML、WWW、ASAP、PFA などのテキストの略語を配置するために使用されます。
構文:
<abbr title="Text">Abbrevation_text</abbr>
2. : このタグは、頭字語を説明するために使用されます。これは NASA や GUI などに似ています。このタグは現在の HTML 5 では使用されていません。ブラウザーや検索エンジンなどに関する情報を提供します。
構文:
<acronym title="Text">text</acronym>
3. : テキストを太字で定義します。
構文:
<b>Text</b>
4. : HTML 内のこのインライン タグは、双方向オーバーライドを定義します。これは、ユーザーが既存のテキストの方向を上書きするのに役立ちます。左から右と右から左の 2 つの値があります。
構文:
<bdo dir="ltr">Text </bdo>
5. : これは、大きなテキストを定義するために使用されるインライン タグの 1 つです。
構文:
<big >Text</big>
6. <br>: このタグは、HTML コードに改行またはスペースを与えるために使用されます。
構文:
<br>
7. クリック可能なボタンの作成に使用される HTML のボタン タグ。
構文:
<button type="button"> Text</button>
8. : 重要な Inline 要素の 1 つは で、HTML を使用して作品またはドキュメントのタイトルを定義します。
構文:
<p><cite >Text </cite>other text</p>
9. : このインライン要素は、コンピューター コードの一部を定義するために使用されます。フレーズタグとして扱われます。
構文:
<code>Text</code>
10. : このインライン要素は、HTML コード内の用語のインスタンスを定義するために使用されます。
構文:
<p><dfn> text</dfn ></p>
11. : これは、強調されたテキストでレンダリングされるフレーズタグとしても扱われます。
構文:
<em>Text</em>
12. : このタグは、テキストの一部を別の雰囲気で説明するために使用されます。主に、含まれるテキストを斜体で表示するために使用されます。これを専門用語といいます。
構文:
<p> <i>text</i>another text</p>
13. : 最も重要なインライン要素の 1 つは、Web ページに画像として含まれています。したがって、このタグは、次のように Web ページに画像を含めるのに役立ちます:
構文:
<img src="Image_URL" alt="text" height="value" width="value">
14. : このタイプのインライン要素は