HTML ドキュメントは HTML 要素によって定義されます。
HTML要素
HTML要素は、開始タグから終了タグまでのすべてのコードを指します。
こんな感じ
| 開始タグ | 要素の内容 | 終了タグ |
| <p> | これは段落です | </p > |
| < ;a href="" > | これはリンクです | </a> |
| <br /> |
|
|
| |
| </body> ; |
注: 開始タグは開始タグと呼ばれることが多く、終了タグは終了タグと呼ばれることがよくあります。
HTML要素の構文
HTML要素は開始タグで始まります
HTML要素は終了タグで終わります
要素のコンテンツは、開始タグと終了タグ
一部の HTML 要素には空のコンテンツがあります
空の要素は開始タグで閉じられます (開始タグの終わりで終了します)
ほとんどの HTML 要素は属性を持つことができます
ヒント:このチュートリアルの次の章でプロパティについて詳しく学習します。
ネストされた HTML 要素
ほとんどの HTML 要素はネストできます (他の HTML 要素を含めることができます)。
HTML ドキュメントは、ネストされた HTML 要素で構成されます。
<html>
<body>
<p>ここには 3 つの HTML 要素があります</p>
</body>
</html>
上記の例には 3 つの HTML 要素が含まれています。 <p> 要素、<body> 要素
HTML の例の説明
<p>これが最初の段落です。 </p>
<p> 要素は、HTML ドキュメント内の段落を定義します。
この要素には開始タグ <p> と終了タグ </p> があります。
要素の内容は次のとおりです: これは私の最初の段落です。
<body> 要素:
<body><p>これは、HTML ドキュメントの本文を定義します。
この要素には開始タグ <body> と終了タグ </body> があります。
要素の内容は別のHTML要素(p要素)です。
>
< ;/body>
</html>
<html> 要素は HTML ドキュメント全体を定義します。
この要素には開始タグ <html> と終了タグ </html> があります。
要素の内容は別のHTML要素(body要素)です。
終了タグを忘れないでください
終了タグ、ほとんどのブラウザでも表示されますHTML を正しく記述します:
<p> これは段落です
<p>
これは段落です
上記の例はほとんどのブラウザで正常に動作しますが、依存しないでください。このアプローチ。終了タグの使用を忘れると、予期しない結果やエラーが発生する可能性があります。
注
: HTML の将来のバージョンでは、終了タグを省略できなくなります。
空のHTML要素
コンテンツのないHTML要素は空要素と呼ばれます。空の要素は開始タグで閉じられます。
<br> は終了タグのない空の要素です (<br> タグ定義はラップされます)。
XHTML、XML、および HTML の将来のバージョンでは、すべての要素を閉じる必要があります。 <br /> などの開始タグにスラッシュを追加することは、空の要素を閉じる正しい方法であり、HTML、XHTML、および XML で受け入れられます。
<br> はすべてのブラウザで有効ですが、実際には <br /> を使用すると長期保証になります。
ヒント:
HTML タグは大文字と小文字を区別しません: <P> は <p> と同等ですが、小文字が推奨されます
次のセクション