HTMLの画像タグ

画像のタグ

  現在のページへの外部映像の導入のための画像タグの<img>

  外部の画像をインポートするには、<img>タグを使用して、imgタグは、自己終了タグがあります

  IMG(ベースブロック要素とインライン要素の間の)置換要素、インラインブロック要素インラインブロック画像のタグに属します。

属性:

  [Srcは]:属性が外部の画像へのパスを指定する(パスルールとハイパーリンクは同じです)

  [Alt]キー:この説明は、ケースにはデフォルトでは表示されません画像の説明は、一部のブラウザがページ上に表示されますがときピクチャーアウトロードできませんでした。検索エンジンは、ALTで画像内容に応じて識別されます(検索リスリス表示されます)

  [幅]:画像の幅

  [高さ]:画像の高さ

幅と高さの変化の割合は、1画像のみを拡大または縮小する場合、等

推奨事項:PC側では、画像のサイズ、メモリの全体像ズーム廃棄物、ミニチュア画像の歪みを修正することは推奨されません、それは最高のカットマップです。しかし、携帯端末では、多くの場合、あなたが画像をズームする必要がある(全体像ズーム)

IMG { 200pxの
       高さ自動 ; 
        }

 

導入の写真

外部の画像は、相対パスにより導入することができます

< IMG SRC = '/ IMG / 1.gif' Altキー= 'リス' >

また、外部の画像を紹介するために、絶対パスを使用することができます

< IMG SRC = 'HTTPS:?//www.baidu.com/s WD =%E9%9B%AA%E5%9C%B0%E6%9D%BE%E9%のBC%A0&TN = monline_3_dg&USM = 5&すなわち= UTF- 8&rsv_cq =%E6%9D%BE%E9%のBC%A0&rsv_dl = 0_left_pet_multi_6829' >

 

画像フォーマット

JPEG(JPG):
    支持体は、豊富なカラー、透明度をサポートしていない、いないサポートアニメーションん
    通常の写真を表示するために使用します

GIF:
    サポート色が比較的小さく、シンプルで透明支持体である、アニメーションのサポート
    単一のカラー画像、マップを移動します

PNG:
    豊富なカラーのサポート、透明複雑なアニメーションをサポートしていませんサポートする
    豊富なカラーを、複雑な透明画像(特別生まれのために設計されたページ)

WEBP:
    この画像フォーマットは、フォーマットの画像の表現に専念し、Googleの新しいウェブページで
    良い結果を示した他の画像形式でなく、特別な小さな画像のすべての利点があり、透明性イェジンハオは、また、移動をサポートしています図の
    短所:互換性は、特にIEブラウザで、良いではありません

選択ルール:  小さなファイルと同じ効果、効果が良い効果と同じではありません
Base64で:
    base64エンコーディング、あなたもbase64では、画像から文字の形で導入され、文字に画像、変換画像をエンコード使用することができ
    、一般的にニーズの一部であり、写真で読み込まれたページは、base64になります

  オンラインbase64エンコードとデコードツールhttps://base64.us/

 

おすすめ

転載: www.cnblogs.com/nyw1983/p/12404572.html