• 投稿者:
  • 投稿コメント:0件のコメント
  • 投稿カテゴリー:HTML
  • 投稿の最終変更日:2021年3月23日

HTML 要素

HTML要素は通常、開始 タグと 終了 タグで構成され、その間にコンテンツが挿入されます。

<tagname>内容はここにあります….</tagname>

HTML 要素 は開始タグから終了タグまでのすべてです

<p>私の最初の段落 </p>
開始タグ 要素 内容 終了タグ
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br>

内容のないHTML要素は空要素と呼ばれます。空の要素には、
要素(改行を示す)などの終了タグはありません。


入れ子になったHTML要素

HTML要素は入れ子にすることができます(要素は要素を含むことができます)。

すべてのHTML文書はネストされたHTML要素で構成されています。

この例には4つのHTML要素が含まれています。

例文

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

例の説明

この <html> 要素は 文書全体を定義します。

開始 タグ <html> と 終了 タグ </html>

<html> 要素の中に <body> があります。

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

この <body> 要素は ドキュメントの本文を定義します。

下の例は 開始タグ <body> と 終了 タグ </body>要素の中には、他に2つのHTMLが

<h1><p>で<body> を構成しています

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

この<h1> 要素は見出しを定義します。

It has a 開始 タグ<h1>と終了 タグ </h1>.

内容は次のとおりです。内容 最初の見出し

<h1>My First Heading</h1>

The <p> element defines a paragraph.

It has a 開始 tag <p> and an
終了 tag </p>.

The element content is: My first paragraph.

<p>My first paragraph.</p>

スポンサーリンク

終了タグを忘れないでください

終了タグを忘れた場合でも、一部のHTML要素は正しく表示されます。:

例文

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

省略しても表示されるため、上記の例はすべてのブラウザで機能します。

決してこれに頼らないでください。終了タグを忘れると、予期しない結果やエラーが発生する可能性があります。


空のHTML要素

内容のないHTML要素は空要素と呼ばれます。

<br> 終了タグを含まない空の要素です( <br>タグは改行を定義します)。

例文

<p>This is a <br> paragraph with a line break.</p>

空の要素は、開始タグ内で次のように “閉じる” ことができます: <br />.

HTML5では、空の要素を閉じる必要はありません。しかし、より厳密な検証が必要な場合、またはドキュメントをXMLパーサーで読み取り可能にする必要がある場合は、
すべてのHTML要素を正しく閉じる必要があります。


スポンサーリンク

HTMLでは大文字と小文字が区別されません

HTMLタグでは大文字と小文字が区別されません。 <P> は <p>と同じ意味です。

小文字を
推奨し、、XHTMLのようなより厳密な文書タイプには小文字を 要求 します。

私は常に小文字のタグを使います。

コメントを残す