HTMLのタグの種類-htmlチュートリアル-php.cn

HTMLのタグの種類

王林

リリース： 2024-09-04 16:19:50

オリジナル

1284 人が閲覧しました

タグは、HTML ドキュメントのテキストに直接埋め込まれる命令として定義できます。 HTML ドキュメントで使用されるタグの種類は、単にテキストを表示するのではなく、Web ブラウザに何かをする (指示に従う) ように指示する役割を果たします。 HTML ドキュメントでは、すべてのタグ名が他の単純なテキストと区別されます。タグ名は山かっこ、または「より小さい」記号と「より大きい」記号 (<) と (>) で囲まれています。

HTML のタグのトップ 3 タイプ

HTML ドキュメントは、さまざまな種類のタグを使用して作成されます。 HTML タグは、さまざまな基準に基づいて定義および分割できます。この記事の今後の部分でそれらを見てみましょう。 HTML タグは次の分類に基づいて分類されています:

1.ペアになっているタグとペアになっていないタグ

次に、HTML のペアになっているタグとペアになっていないタグを例を使用して詳しく説明します。

ペアのタグ

HTML タグは、開始タグとそのコンパニオンタグとしての終了タグで構成される場合、ペアタグと呼ばれます。 HTML ペアタグは開始タグで始まります。開始タグは山括弧で囲まれたタグ名です。たとえば、段落開始タグは「

」と記述されます。コンテンツは開始タグの後に続き、終了タグで終わります。タグ名はスラッシュで始まります。たとえば、終了段落タグは「

」と記述されます。最初のタグは「開始タグ」と呼ばれ、2 番目のタグは終了タグと呼ばれます。

例 #1:

<p> This text is a paragraph . </p>

ログイン後にコピー

出力:

HTMLのタグの種類

注: ここで、開始タグはで、終了タグは

です。

例 #2:

ペアになったタグの別の例は、斜体タグや太字タグです。

<i> <b> This is a bold and italicized text </b> </i>

ログイン後にコピー

出力:

HTMLのタグの種類

注: これらのペアのタグはコンテナタグとも呼ばれます。

ペアになっていないタグ

HTML タグに開始タグのみがあり、終了タグやコンパニオンタグがない場合、HTML タグは不対タグと呼ばれます。ペアになっていない HTML タグには終了タグは必要ありません。このタイプでは開始タグで十分です。ペアになっていないタグは、コンパニオンタグを必要としないため、スタンドアロンタグまたは単数タグと呼ばれることもあります。

例:

 This is a paragraph 

<i> <b> This is a bold and italicized text </b> </i>

ログイン後にコピー

出力:

注: ここで、

は水平線を作成するために使用されるペアになっていないタグです。古いバージョンでは、hr タグが

として記述される場合があります。

の代わりに。これらのタグは空タグとも呼ばれます。

2.自己終了タグ

自己終了タグは、パートナータグを持たない HTML タグであり、最初のタグが書式設定に有効な唯一の必要なタグです。主要な重要な情報は、要素内にその属性として含まれています。イメージタグは、自己終了タグの典型的な例です。以下で実際の動作を見てみましょう:

例:

<img src="a.jpg" alt="This is an alternate text">

ログイン後にコピー

注:古いバージョンでは、以下に示すように、自己終了タグは終了または終了の「大なり」記号/記号の前に「スラッシュ」を使用します。

”これは代替テキストです”

3.ユーティリティベースのタグ

HTML タグは、その有用性、つまり、タグが果たす目的に基づいて大きく区別できます。以下で説明するように、それらは基本的に 3 つのカテゴリに分類できます:

タグの書式設定

テキストのサイズ、フォントスタイル、テキストの太字化など、テキストの書式設定に役立つ HTML タグ。これは、、、< などのタグを使用して行われます。 u> など。table、divisions、span タグも、Web ページまたはドキュメントの書式設定やページのレイアウトの設定に役立つタグです。以下は、他のいくつかの書式設定タグとともにページの書式設定に分割を使用する小さなプログラムです。

例:

<body> <div class="container"> <div class="row"> <div class="col-25"> <label for="email"><b>Name</b></label> </div> <div class="col-35"> <input type="text" placeholder="First" name="fname" required> </div> <div class="col-35"> <input type="text" placeholder="Last" name="lname" required> </div> </div> </div> </body>
ログイン後にコピー

出力:

構造タグ

HTML ドキュメントの構造化に役立つ HTML タグは、構造タグと呼ばれます。説明、ヘッド、HTML、タイトル、ボディなどは、ページ構造タグのグループを形成します。構造タグは、ルートからの基本的な HTML ページの作成または形成を支援するだけです。つまり、テキストの書式設定に影響を与えたり、関与したりすることはありません。したがって、基本的な HTML プログラムは構造タグの基本的なグループです:

例:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Types of Tags Demo</title> </head> <body> <p> This is a paragraph </p> <i><b> This is a bold and italicized text </b></i> </body> </html>
ログイン後にコピー

出力:

コントロールタグ

作成できるタグの別のカテゴリは「コントロールタグ」です。 Script タグ、ラジオボタンまたはチェックボックス、Form タグなどがコントロールタグを形成します。これらは、コンテンツの管理、または外部のスクリプトやライブラリの管理に使用されるタグです。すべてのフォームタグ、ドロップダウンリスト、入力テキストボックスなどは、訪問者またはユーザーとの対話に使用されます。

上記の HTML タグの区別は、タグのタイプとその用途に基づいています。 HTML タグは、基本 HTML ルートタグ、フォーマットタグ、オーディオタグとビデオタグ、フォームタグと入力タグ、フレームタグ、リンクタグ、リストタグ、テーブルタグ、スタイルタグ、メタタグなどの基本カテゴリに基づいて単純に分割することもできます。 .
以上がHTMLのタグの種類の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。