網頁中常見的影象格式大體上有三種，jpg,gif和png
有失真壓縮，色彩豐富，隱藏一些無用的資訊，只保留有用的部分。
簡單動畫，背景透明。
無失真壓縮，透明，交錯，動畫
使用img標籤，此標籤單獨出現
alt:的替換文字，當無法開啟時，網頁會自動顯示alt的內容來代替
1<
html
>
2<
head
><
title
>img標籤
title
><
h1>img標籤的學習
h1>
head
>
3<
body
>
4<
p>
5插入乙個6p
img標籤的onerror事件
當不存在時，將觸發 onerror，而 onerror 中又為 img 指定乙個logoerror.png 也就是說存在則顯示logo.png，不存在將顯示 logoerror.png。但問題來了，如果logoerror.png 也不存在，則繼續觸發 onerror，導致迴圈，故會出現開啟網頁時提示...
a巢狀img標籤的問題
html結構是這樣的，未使用任何樣式！但在chrome的開發者工具中檢視，a的高度並不是影象的高度，而是乙個很奇怪的高度。這是什麼原因，如何讓a標籤的高度與img標籤的高度一樣 標籤為什麼會有底下的空白呢？這你要理解所謂的 基線 baseline 這是乙個英文排版概念。我這裡還是引用下知乎人的鏈結吧...
IMG標籤的間距問題
問題 包含img標籤的div之間有間距 垂直方向上有間距 在這裡插入描述 原因 塊級元素包含內聯元素如文字等時，內聯元素預設是和父級元素的baseline 基線 對齊的，而baseline又和父級元素底邊有一定的距離 這個距離和 font 有關，不一定是5px 所以與父元素的底邊有距離。解決方法 1...