img標籤的運用

2022-06-07 11:24:09 字數 649 閱讀 8378

網頁中常見的影象格式大體上有三種,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...