img タグを使用して画像効果を追加する方法を段階的に説明します (知識)

前回の記事「HTMLを使ってシンプルで美しいナビゲーションバーを作成する方法(詳細コード解説)」では、HTMLを使ってナビゲーションバーを作成する方法を紹介しました。 imgタグに画像効果を追加する方法は次の記事で紹介していますので、一緒に見ていきましょう。

## タグ

は、Web ページ内の画像を定義するために使用されます。 Web ページで見られるほとんどの画像はこのタグで定義されています。

コード例:

<img  src="/static/imghwm/default1.png"  data-src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="img タグを使用して画像効果を追加する方法を段階的に説明します (知識)" >

レンダリングは次のとおりです:

標準ではブラウザが使用する画像形式が明確に規定されていないため、サポートする必要があります。

#一般的な形式は広くサポートされています

JPEG: 高圧縮

• #GIF: ダイナミック画像

• #PNG: ロスレス圧縮ビットマップ グラフィック形式

• ##SVG: ベクター画像

##SRC: 画像の保存アドレスと保存場所を指定します。この属性がないとブラウザは認識できません。

幅と高さ: 画像の幅と高さを指定します。これを実現するには CSS を使用することをお勧めします。

• 推奨学習:
CSS ビデオ チュートリアル

以上がimg タグを使用して画像効果を追加する方法を段階的に説明します (知識)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。