HTMLの画像タグは

(*-*)浩
リリース: 2019-09-10 08:53:52
オリジナル
3245 人が閲覧しました

イメージタグ () とソース属性 (Src)

HTMLの画像タグは

# HTML では、画像は タグで定義されます。

タグを使用すると、ドキュメント内に画像を表示できます。

は空のタグです。つまり、属性のみが含まれ、終了タグがありません。 (推奨学習:

HTML 入門チュートリアル )

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

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

<img src="url" />
ログイン後にコピー

URL は、画像が保存されている場所を指します。 「boat.gif」という名前の画像が www.w3school.com.cn の画像ディレクトリにある場合、その URL は //m.sbmmt.com/images/boat.gif です。

ブラウザは、イメージ タグが含まれるドキュメント内のイメージを表示します。 2 つの段落の間にイメージ タグを配置すると、ブラウザでは最初に最初の段落が表示され、次にイメージが表示され、最後に 2 番目の段落が表示されます。

置換テキスト属性 (Alt)

alt 属性は、画像用に用意された置換可能なテキストの文字列を定義するために使用されます。置換テキスト属性の値はユーザー定義です。

<img src="boat.gif" alt="Big Boat">
ログイン後にコピー

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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート