目次:
- h1これは、タグ/タグを囲む記号のないテキストです。 h1これは、ブラウザに意味を持たないタグを持つテキストです。これは通常のテキストです。
- h1タグ自体が見出しにどのように表示されていないかに注目してください。ブラウザは、要素の実際のテキストを適切にフォーマットされたHTMLタグで表示することはありません。
ビデオ: How does a blockchain work - Simply Explained 2024
HTMLは、 要素 という特別なテキストキーワードを使用して、Webサイトを構成およびスタイルします。次の3つの条件が存在する場合、ブラウザは要素を認識し、その効果を適用します。
-
要素は特殊な意味を持つ文字、語句です。たとえば、h1は、太字のテキストと拡大されたフォントサイズで、ヘッダーエフェクトを適用するためにブラウザによって認識される要素です。
-
要素は、左括弧(<)と右括弧(>)で囲まれています。このように囲まれた要素は タグ (
など)と呼ばれます。 <! --1 - >
-
開始タグ()の後に終了タグ()が続きます。終了タグは、最初の左括弧の後で要素の前にスラッシュを追加することで開始タグとは異なります(たとえば、 など)。
HTMLタグの中には、自己終了型のものがあり、別々の終了タグは必要ありません。開始タグにはスラッシュのみが必要です。
3つの条件がすべて満たされると、開始タグと終了タグの間のテキストは、タグの定義された効果でスタイル付けされます。これらの条件の1つでも満たされない場合、ブラウザはプレーンテキストを表示するだけです。
<!これは3つの条件すべてを含む大きな見出しです。
h1これは、タグ/タグを囲む記号のないテキストです。 h1これは、ブラウザに意味を持たないタグを持つテキストです。これは通常のテキストです。
ブラウザでこのコードがどのように表示されるかを確認できます。
<! h3がヘッダータグであり、有効なHTMLタグの3つの条件がすべて存在するため、ブラウザーはヘッダーエフェクトを "これは3つの条件すべてで大きな見出しです"に適用します。
ブラウザーは、 h1要素h1要素は、左(<)と直角括弧(>)で囲まれています。
-
開始タグ(
-
)の後にテキストが続き、終了タグ(
-
h1タグ自体が見出しにどのように表示されていないかに注目してください。ブラウザは、要素の実際のテキストを適切にフォーマットされたHTMLタグで表示することはありません。
残りのコード行は、いずれかの条件が欠落しているため、プレーンテキストとして表示されます。 2行目のコードでは、
タグに左右の括弧がないため、2番目の条件に違反しています。
ロックスターは認識されたHTML要素ではないため、コードの3行目は最初の条件に違反します。最後に、コードの4行目は、テキストの前にオープニングタグがなく、テキストの後に3番目の条件に違反する終了タグがないため、プレーンテキストとして表示されます。
要素の直後に左角括弧を続けなければなりません。さらに、すべての開始HTMLタグには終了HTMLタグを続ける必要があります。 100以上のHTML要素が存在します。
HTMLは寛容な言語であり、終了タグのようなコードが欠落していても効果を適切に適用することができます。ただし、あまりにも多くのエラーを残すと、ページが正しく表示されません。