この記事では、HTML属性を学習し、HTML要素を区別するのに役立ちます。

投稿のHTMLとは何ですか？ HTMLは本質的にXMLであるため、タグ名（ tagname ）と属性（ attribute ）の2つの主要なコンポーネントで構成されていると言いました。 XMLの場合、タグ名は自分で定義できますが、HTMLの場合は、HTML要素リストにあるタグ名を使用する必要があります。そうしないと、ブラウザは正しい形式を出力するために使用しているタグを理解できません。

では、HTMLの属性とHTML要素は何ですか、すぐに調べてみましょう。

HTML要素とは何ですか？

html要素は、ブラウザがサポートするhtmlタグのリストであり、WWWが指定したhtmlタグのリストにも含まれています。

HTMLタグのリストは非常に膨大であるため、命令をリストして使用することは困難です。したがって、私はいくつかのカードだけをリストし、次の記事でもっと紹介します。

名刺：

HTMLタグ名は、独自のリストに含まれている必要があります。次に例を示します。

• html
• 体
• 頭
• 題名
• メタ
• h1
• h2
• h3
• h4
• h5
• h6
• p
• div
• テーブル
• 子供
• td
• ..。

すべてをリストすることはできませんが、次の記事で徐々に取り上げていきます。

タグの開閉

各タグには、開始タグ（ opentag ）と終了タグ（ closetag ）があります。たとえば、 divタグを使用して、次のように記述します。

 <div>Nội dung bên trong</div>

クローズタグがありません（クイッククローズタグ）

終了タグを見逃すタグもいくつかあります。このタイプはクイック終了タグと呼ばれます。これは、開始タグにのみ存在することを意味します。次のように記述します。

 <tagname/>

例：入力タグ、メタタグ、リンクタグ

<input /> <link /> <meta />

カード内にネストされたカード

HTMLタグは一緒にネストされて堅固なレイアウトを形成し、子タグは完全に親タグ内に配置されます。

例：

 <div> <input type="text" classname="Class Name" value=""/> </div>

したがって、HTMLコードを作成する過程で、終了タグを忘れてはなりません。そうすると、インターフェイスが簡単に壊れてしまうからです。終了タグが欠落している場合は、クイック終了タグ構文を使用します。

HTMLの属性

各HTMLタグはオブジェクトと考えることができます。これで、HTMLオブジェクトはそれを説明するための属性を持つことになります。たとえば、 inputタグには次の属性があります。

• name ：名前を宣言するために使用されます
• タイプ：カテゴリを設定するために使用されます
• id ：カードのキーに名前を付けるために使用されます
• value ：タグの値を宣言するために使用されます

<input type="text" name="inputname" id="inputid" value=""/>

実行すると、テキストボックスが表示され、このボックスにデータを入力できます。

一重引用符と二重引用符

初心者はおそらくこのエラーに遭遇するでしょう。 HTMLの各属性の構造は、 name="value"またはname='value'になります。値'前後に一重引用符を使用する場合、値の値に一重引用符を含めることはできません。逆に、二重引用符"を使用する場合、値を二重引用符で囲んではなりません。

 <input type="text" name="inputname" id="inputid" value="Hello 'freetuts.net'"/>

したがって、後でPHPやJSPなどのバックエンド言語でデータベース内のデータを表示する場合は、それらのマーカーを別の形式に変換する必要があります。

拡張属性

各HTMLタグは、それ自体の特定の属性のみを受け入れます。ただし、別の属性を定義する場合は問題ありません。ただし、ブラウザはこれらのプロパティを理解しないため、何もしません。したがって、通常、問題を処理するために、自己定義プロパティをJavascriptと組み合わせます。これについては、他のレッスンで学習します。

例：inputタグには、 classname属性はありませんが、追加することもできますが、実行時には機能しません。

 <input type="text" classname="Class Name" value=""/>

エピローグ

そのため、この記事では、HTMLタグとその独自の属性に名前を付ける方法を紹介しました。このレッスンはまだ一般的なカードに入っていないので少し退屈ですが、上記のルールを理解する必要があります。次のレッスンでは簡単に学ぶことができます。