HTML ドキュメントは、HTML 要素によって定義されます。

HTML 要素

HTML 要素は、開始タグ (start tag) から終了タグ (end tag) までのすべてのコードを参照します。

開始タグ 要素の内容 終了タグ
<p> これは段落です </p>
<a href="default.htm" > これはリンクです </a>
<br />    

注: 開始タグは開始タグ (opening tag) と呼ばれることが多く、終了タグは終了タグ (closing tag) と呼ばれることがよくあります。

HTML要素の構文

  • 開始タグで始まる HTML 要素
  • HTML 要素は 終了タグ で終了します
  • 要素のコンテンツは、開始タグと終了タグの間のコンテンツです
  • 一部の HTML 要素には 空のコンテンツ があります
  • 空の要素は 開始タグで閉じられます (開始タグの終わりで終了します)
  • ほとんどの HTML 要素は 属性 を持つことができます

ヒント:プロパティについては、このチュートリアルの次章で詳しく説明します。

ネストされた HTML 要素

ほとんどのHTML要素は入れ子にできる(他のHTML要素を含むことができる)。

HTMLドキュメントは、ネストしたHTML要素で構成されています。

HTML ドキュメントの例

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

上記の例では、次の3つのHTML要素が含まれています。。

HTML 説明例

<p> エレメント:

<p>This is my first paragraph.</p>

<p> 要素は、HTML文書内の段落を定義します。

この要素には開始タグがあります <p>,と終了タグ </p>。

要素コンテンツは:This is my first paragraph。

<body> エレメント:

<body>
<p>This is my first paragraph.</p>
</body>

<body> 要素は、HTML 文書の本文を定義する。

この要素には開始タグがあります <body>,と終了タグ </body>。

要素内容は別のHTML要素(p要素)です。

<html> エレメント:

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

<html> 要素は、HTML文書全体を定義する。

この要素には開始タグがあります <html>,和结束标记 </html>。

要素の中身は別のHTML要素(body要素)です。。

タグの終了をお忘れなく

終了タグを忘れても、ほとんどのブラウザでHTMLが正しく表示されます:

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

上記の例は、ほとんどのブラウザーで問題ありませんが、この方法に頼らないでください。 終了タグの使用を忘れると、予測できない結果やエラーが発生することがあります。

ご注意ください:HTMLの将来のバージョンでは、終了タグを省略することができなくなります。

空のHTML要素

内容のないHTML要素を空要素と呼ぶ。スタートタブで空の要素が閉じられる。

<br>は閉じタグのない空要素(<br>タグ定義改行)です。

XHTML、XML、および将来のバージョンのHTMLでは、すべての要素をオフにする必要があります。

<br />のように開始タグにスラッシュを付けるのは、空の要素を閉じる正しい方法で、HTML、XHTML、XMLで認められている。

<br>はすべてのブラウザで有効であるにもかかわらず、<br />の使用は、実際にはより長期的な保証となります。

HTMLのヒント:小文字のタグを使用する

HTMLタグは大文字と小文字を区別しません:<P>は<p>と同じです。 多くのウェブサイトでは、大文字のHTMLタグを使用しています。

W3Schoolでは小文字のタグを使用していますが、これはWorld Wide Web Consortium(W3C)がHTML 4で小文字を推奨しており、将来の(X)HTMLバージョンでは小文字が必須となる予定だからです。