English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 基本チュートリアル

HTMLメディア

HTMLリファレンスマニュアル

HTML5 基本チュートリアル

HTML5 API

HTML5 メディア

HTML 要素

HTMLドキュメントはHTML要素で定義されます。

HTML 要素

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

開始タグ *要素内容終了タグ *
<p>これはウェブページのパラグラフです</p>
<a href="index.html">これは超リンクです</a>
<br>改行タグ 

*開始タグはよく「開始タグ(opening tag)」と呼ばれ、終了タグはよく「閉じタグ(closing tag)」と呼ばれます。

HTML要素の文法

  • HTML要素は開始タグで始まります

  • HTML要素は終了タグで終わります

  • 要素の内容は開始タグと終了タグの間の内容です

  • 一部のHTML要素には空の内容(empty content)があります

  • 空要素は開始タグで閉じられます(開始タグの終わりで終わります)

  • ほとんどのHTML要素には属性を持つことができます

注:属性に関する詳細は、次の章で学びます。

ネストされたHTML要素

多くのHTML要素はネスト可能(他のHTML要素を含むことができます)。

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

HTMLドキュメント例

<!DOCTYPE html> <html> <body> <p>これは最初の段落。</p> </body> </html>

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

HTML例解析

<p>要素:

<p>これは最初の段落。</p>

この<p>要素はHTMLドキュメントの中の1つの段落を定義します。 この要素は開始タグ<p>と終了タグ</p>を持ちます。/p>. 要素の内容は: これは最初の段落です。

<body>要素:

<body> <p>これは最初の段落。</p> </body>

<body>要素はHTMLドキュメントの主体を定義します。 この要素は開始タグ<body>と終了タグ</body>を持ちます。/body>。 要素の内容は別のHTML要素(p要素)です。

<html>要素:

<html> <body> <p>これは最初の段落。</p> </body> </html>

<html>要素は全体のHTMLドキュメントを定義します。 この要素は開始タグ<html>と終了タグ</html>を持ちます。/html>. 要素の内容は別のHTML要素(body要素)です。

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

終了タグを使用しなくても、ほとんどのブラウザでは正しくHTMLを表示します:

<p>これは段落です
<p>これは段落です

上記の例はブラウザでも正常に表示されますが、終了タグはオプションです。

しかし、この方法に依存しないでください。終了タグを忘れると予期せぬ結果やエラーが発生する可能性があります。

HTML空要素

内容を持たないHTML要素は空要素と呼ばれます。空要素は開始タグで閉じられます。

<br>は閉じられたタグのない空要素です(<br>タグは改行を定義しています)。

XHTML、XMLおよび将来のHTMLのバージョンでは、すべての要素が閉じられる必要があります。

開始タグにスラッシュを追加するときは、例えば <br />は空要素を閉じる正しい方法であり、HTML、XHTML、XMLのすべてがこの方法を受け入れます。

>はすべてのブラウザで有効ですが、<br />の互換性が良く、<br />改行タグ。

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

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

基本のチュートリアルでは小文字のタグを使用しています。なぜなら、ワールド・ワイド・ウェブ・コンソーシアム(W3C)HTML 4 推奨されるのは小文字を使用し、将来の(X)HTMLバージョンでは小文字の使用が強制されます。

ウェブページを作成する際には、一貫して小文字のタグを使用することをお勧めします。