HTMLにおけるタグと要素の違いについて解説しています
2022-01-27 02:35:31
初めてWebページを作る友人の中には、私と同じように、HTMLで要素やタグ、属性がどのように定義されているのか、要素とタグの違いは何なのか、と戸惑っている人も多いと思います。そこで、このページでは、HTMLの要素やタグ、属性の定義や、要素とタグの違いについて、私なりに調べてみた結果をご紹介します。
この2つの間のコンセプトは、今でもはっきりしているのが事実です。
例えば<p>これはラベルである。
<p> here is content</p> this is an element, meaning that the element consists of start tag and an end tag to contain some content.これは、開始タグと終了タグからなる要素です。
つまり、<br/> 自身は開始タグであり終了タグでもあるが、内容を含まないので、これは単なるタグである。
1. 要素
HTMLの要素は、HTMLタグを使って定義します。
2. タグ
タグは <head>, <body>, <table> などのオブジェクトで、 "<" と ">" で囲まれ、大半のタグは対で表示されるようになっています。もちろん、<br>、<hr>などのように、ペアで表示されないタグもいくつかあります。
タグは、HTMLの要素をマークアップするために使用されるものです。開始タグと終了タグの間にあるテキストが、HTML 要素の内容です。
3. 属性
HTML要素に様々な付加情報を与えるのがHTML属性で、常に"属性名=属性値"の名前-値の組で現れ、属性は常にHTML要素の開始タグに定義されます。
例
<html> <head> <title> Example title</title> </head> <body bgcolor="red"> <p> This is example page</p> </html> This example, <p>.In The example of this page</title> The example of the body bgcolor="red" </title> This is the sample page</p> < lt;/body> </html> この例では、 <p>This is the sample page</p> がHTML要素で、 "This is the sample page" がその要素の特定のコンテンツにあたります。<head><title><body> などはHTMLタグで、HTML要素を構成するタグのことです。<body bgcolor="red" の bgcolor="> はタグの属性で、タグを具体的にどのように構成するかを定義しているものです。要するに、要素とタグの違いはあまり気にする必要はなく、実際の作業はタグにまとめて直接行います。属性はわかりやすく、HTMLタグに様々な付加情報や設定オプションを追加するためのパラメータです。
この2つの間のコンセプトは、今でもはっきりしているのが事実です。
例えば<p>これはラベルである。
<p> here is content</p> this is an element, meaning that the element consists of start tag and an end tag to contain some content.これは、開始タグと終了タグからなる要素です。
つまり、<br/> 自身は開始タグであり終了タグでもあるが、内容を含まないので、これは単なるタグである。
1. 要素
HTMLの要素は、HTMLタグを使って定義します。
2. タグ
タグは <head>, <body>, <table> などのオブジェクトで、 "<" と ">" で囲まれ、大半のタグは対で表示されるようになっています。もちろん、<br>、<hr>などのように、ペアで表示されないタグもいくつかあります。
タグは、HTMLの要素をマークアップするために使用されるものです。開始タグと終了タグの間にあるテキストが、HTML 要素の内容です。
3. 属性
HTML要素に様々な付加情報を与えるのがHTML属性で、常に"属性名=属性値"の名前-値の組で現れ、属性は常にHTML要素の開始タグに定義されます。
例
<html> <head> <title> Example title</title> </head> <body bgcolor="red"> <p> This is example page</p> </html> This example, <p>.In The example of this page</title> The example of the body bgcolor="red" </title> This is the sample page</p> < lt;/body> </html> この例では、 <p>This is the sample page</p> がHTML要素で、 "This is the sample page" がその要素の特定のコンテンツにあたります。<head><title><body> などはHTMLタグで、HTML要素を構成するタグのことです。<body bgcolor="red" の bgcolor="> はタグの属性で、タグを具体的にどのように構成するかを定義しているものです。要するに、要素とタグの違いはあまり気にする必要はなく、実際の作業はタグにまとめて直接行います。属性はわかりやすく、HTMLタグに様々な付加情報や設定オプションを追加するためのパラメータです。
<スパン
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
htmlのpost requestにおけるaタグの2つの使い方を説明します。
-
iframe適応型におけるWebレスポンシブレイアウト
-
Html+cssでプレーンテキストとアイコン付きボタンを実現する
-
入力ボックススタイル変更概要のtype="file "について
-
ウェブサイトでは、ページの内容や情報を直接コピーして解除することはできません。
-
照合でjsを呼び出すいくつかの方法と、推奨の使用方法
-
テーブルコンテンツの表示を高速化するtbodyタグの美点
-
Baiduの入力メソッドオープンAPIは、使用を移植するために自由であると主張する
-
Webページ 選択ボックスのカスタマイズ 選択