HTML属性を最適に使用する方法は?



属性は、要素の開始タグ内に配置されたHTML要素の特性を定義します。この記事では、HTML属性について説明します。

属性は、要素の開始タグ内に配置されるHTML要素の特性を定義します。この記事では、HTML属性について説明します。この記事では、次のポイントについて説明します。

それでは、この記事を始めましょう





HTML属性

HTMLでは、見出しタグを使用します

段落タグか

これらのタグは、最も単純な形式のタグです。これらのタグは、属性を持つこともできます。これらの属性は、追加の情報にすぎません。

属性は、要素の開始タグ内に配置されるHTML要素の特性を定義します。属性には2つの部分があります。



名前



これは、ユーザーが設定したいプロパティです。

例:

位置合わせを意味する属性であり、の位置合わせに使用できます。 ページの段落。



設定するプロパティであり、常に引用符で囲みます。

例:

属性テキストを揃えるには3つの可能性があります 左、中央、右。

注:属性の名前と値では大文字と小文字が区別されます。WorldWideWebでは、HTML4の推奨事項で小文字の属性と属性値を推奨しています。

シェフと人形とは何ですか

したがって、HTML属性に関するこの記事に進むと、

配置属性のサンプルコード

配置属性の例:

属性の例を揃える

これは左揃えです

これは中央揃えです

これは右揃えです

これにより、次の結果が表示されます。

出力-HTML属性-Edureka

基本的に、HTML要素の大部分に使用できる4つのコア属性があります。それらは次のとおりです。

  • Id
  • 題名
  • クラス
  • スタイル

したがって、HTML属性に関するこの記事に進むと、

ID属性

id属性は、HTMLページの要素を識別するために使用されます。この属性の重要性は次のとおりです。

id属性が識別子として含まれている場合、その要素とそのコンテンツを識別することができます。スタイルシート内に同じ名前の2つの要素が存在する場合、ユーザーはこの属性を使用してこれらの要素を区別できます。

このパラはページの紹介です

この段落はページの要約です

したがって、HTML属性に関するこの記事に進むと、

タイトル属性

名前が示すように、要素のタイトルに関する追加の情報を提供します。構文はid属性に似ています。

多くの場合、カーソルがその上にあるとき、または要素の読み込み中にツールチップとして表示されます。この属性アクションは要素によって異なります。

タイトル属性

このテキストにカーソルを移動します

次の出力は次のようになります。

したがって、HTML属性に関するこの記事に進むと、

クラス属性

class属性は、要素をCSSスタイルシートに関連付けるために使用されます。名前が示すように、要素のクラスを指定します。CSSでは、疑似クラスを使用して特殊効果を追加します。

主にCSSとリンクしています。

class =” classname1 classname2 classname3”

したがって、HTML属性に関するこの記事に進むと、

スタイル属性

style属性は主にCSSにリンクされており、要素に仕様を適用できます。色分けやフォントなどです。

スタイル属性

このテキストにスタイルが設定されています。

次の出力は次のようになります。

これで、HTML属性に関するこの記事は終わりです。

HTMLとは何かがわかったので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なWebサイトを作成し、Amazon Simple Storage Service(S3)にデプロイする方法を学ぶのに役立ちます。

質問がありますか?この記事のコメントセクションにその旨を記載してください。折り返しご連絡いたします。