属性は、HTML 要素の追加情報を提供します。

HTML 属性

HTML タグには属性を含めることができます。 属性は、HTML 要素に関する詳細情報を提供します。

属性は、name="value" のように、常に名前と値のペアとして表示されます。

属性は、常に HTML 要素の 開始タグ 内で指定されます。

属性インスタンス

HTML リンクは <a> タグで定義されます。 リンクのアドレスは href 属性で指定されます:

<a href="http://www.w3cstudy.cc">これはリンクです</a>

試してみる

HTML 属性のその他の例

属性の例 1:

<h1> は、見出しの開始を定義します。

<h1 align="center"> には、配置に関する追加情報があります。

試してみる: ヘッダーの中央揃え

属性の例 2:

<body> は、HTML ドキュメントの本文を定義します。

<body bgcolor="yellow"> は、背景色に関する追加情報を保持します。

試してみる: 背景色

属性の例 3:

<table> は HTML テーブルを定義します。 (HTML テーブルの詳細については、後の章で説明します)

<table border="1"> には、表の境界線に関する追加情報があります。

HTML ヒント: 小文字の属性を使用

属性と属性値は大文字と小文字を区別しません

ただし、World Wide Web コンソーシアムは、HTML 4 勧告で小文字の属性/属性値を推奨しています。

(X)HTML の新しいバージョンでは、小文字の属性が必要です。

常に属性値を引用

属性値は常に引用符で囲む必要があります。 二重引用符が最も一般的ですが、単一引用符でも問題ありません。

属性値自体に二重引用符が含まれているなど、個々のケースでは、次のように一重引用符を使用する必要があります。

name='Bill "HelloWorld" Gates'

ほとんどの HTML 要素に適用される属性のリストは次のとおりです:

属性 説明
class classname 要素のクラス名を指定します (classname)
id id 要素の一意の ID を指定します
style style_definition 要素のインライン スタイルを指定します (inline style)
title text 要素に関する追加情報を指定します (ツールチップに表示できます)