HTML文法学習ノート2_html/css_WEB-ITnose

1. 画像タグ (<img src="/static/imghwm/default1.png" data-src="url" class="lazy" alt="HTML文法学習ノート2_html/css_WEB-ITnose" >) とソース属性 (Src)

HTML では、画像は <img src="/static/imghwm/default1.png" data-src="url" class="lazy" alt="HTML文法学習ノート2_html/css_WEB-ITnose" > タグで定義されます。 I & lt; img & gt; これは空のラベルです。つまり、属性のみが含まれており、タグは閉じられていません。
ページに画像を表示するには、source 属性 (src) を使用する必要があります。 src は「ソース」を指します。 source 属性の値は、画像の URL アドレスです。イメージの定義の構文は次のとおりです。

<img  src="/static/imghwm/default1.png" data-src="url" class="lazy" alt="HTML文法学習ノート2_html/css_WEB-ITnose" >

E URL は、ストレージ イメージの場所を指します。 「boat.gif」という名前の画像が www.w3school.com.cn の画像ディレクトリにある場合、その URL は http://www.w3school.com.cn/images/boat.gif です。
ブラウザーは、ドキュメント内でイメージタグが出現する場所にイメージを表示します。 2 つの段落の間にイメージ タグを配置すると、ブラウザでは最初に最初の段落が表示され、次にイメージが表示され、最後に 2 番目の段落が表示されます。
置換テキスト属性 (Alt)
alt 属性は、画像に対して準備された置換可能なテキストの文字列を定義するために使用されます。置換テキスト属性の値はユーザー定義です。

<img src="/static/imghwm/default1.png" data-src="boat.gif" class="lazy" alt="BigBoat">

ブラウザが画像を読み込めない場合、置換テキスト属性により、失われた情報が読者に伝えられます。この時点で、ブラウザには画像の代わりにこの代替テキストが表示されます。ページ上のすべての画像に alt テキスト属性を追加することをお勧めします。これは情報をより適切に表示するのに役立ち、テキストのみのブラウザを使用する場合に非常に便利です。
基本的な注意事項 - 役立つヒント:
HTML ファイルに 10 個の画像が含まれている場合、ページを正しく表示するには、11 個のファイルをロードする必要があります。画像の読み込みには時間がかかるため、画像の使用には注意が必要です。

2、