HTML画像の詳細な紹介

HTML 画像 - 画像タグ () とソース属性 (Src)

HTML では、画像は タグによって定義されます。

は空のタグです。つまり、属性のみが含まれ、終了タグは含まれません。

ページに画像を表示するには、source 属性 (src) を使用する必要があります。 src は「ソース」を指します。 source 属性の値は、画像の URL アドレスです。

画像を定義するための構文は次のとおりです:

HTML 画像 - Alt 属性

alt 属性は、画像に対して準備された代替テキストの文字列を定義するために使用されます。

置換テキスト属性の値はユーザー定義です。

ブラウザが画像を読み込めない場合、置換テキスト属性により、不足している情報が読者に通知されます。この時点で、ブラウザには画像の代わりにこの代替テキストが表示されます。ページ上のすべての画像に alt テキスト属性を追加することをお勧めします。これは、情報をより適切に表示するのに役立ち、テキストのみのブラウザを使用する場合に非常に便利です。

---

HTML 画像 - 画像の高さと幅を設定します

高さと幅のプロパティは、画像の高さと幅を設定するために使用されます。

属性値のデフォルトの単位はピクセル:

ヒント:画像の高さと幅を指定することを習慣にしてください。画像の高さと幅が指定されている場合、ページの読み込み時に指定されたサイズが保持されます。画像のサイズが指定されていない場合、ページが読み込まれるときに HTML ページ全体のレイアウトが崩れる可能性があります。

---

基本的な注意事項 - 役立つヒント:

注: HTML ファイルに 10 個の画像が含まれている場合、ページを正しく表示するには、11 個のファイルをロードする必要があります。画像の読み込みには時間がかかるため、画像の使用には注意が必要です。

注意:ページをロードするときは、ページ画像を挿入するパスに注意してください。画像の位置が正しく設定できない場合、ブラウザは画像をロードできず、画像タグに壊れた画像が表示されます。

HTML画像タグ

タグ	説明
	定義画像
<地図>	イメージマップを定義する
	画像マップ内のクリック可能領域を定義します

以上がHTML画像の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。