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

奋力向前
リリース: 2021-07-29 16:32:06
オリジナル
5611 人が閲覧しました

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

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

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

img タグを使用して画像効果を追加する方法を段階的に説明します (知識) は、Web ページ内の画像を定義するために使用されます。 Web ページで見られるほとんどの画像はこのタグで定義されています。

コード例:

<img  src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"    style="max-width:90%"  style="max-width:90%" alt="img タグを使用して画像効果を追加する方法を段階的に説明します (知識)" >
ログイン後にコピー

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

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

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

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

    JPEG: 高圧縮
  • #GIF: ダイナミック画像
  • #PNG: ロスレス圧縮ビットマップ グラフィック形式

  • ##SVG: ベクター画像

  • img タグを使用して画像効果を追加する方法を段階的に説明します (知識)
##SRC: 画像の保存アドレスと保存場所を指定します。この属性がないとブラウザは認識できません。

幅と高さ: 画像の幅と高さを指定します。これを実現するには CSS を使用することをお勧めします。
  • 推奨学習:
  • CSS ビデオ チュートリアル

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

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