图片<img>

Posted 慕斯-ing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片<img>相关的知识,希望对你有一定的参考价值。

添加图片

html 用img元素来为你的网站添加图片,其中src属性指向一个图片的地址。

注意:img是单标签元素, 没有结束标签(闭合标签)。

alt属性

img元素alt属性中的文本是当图片无法加载时显示的替代文本。
总而言之,alt 属性是一个必需的属性,为页面上的图片都加上 alt 属性是好习惯。

如果省略 alt 属性,且图片无法正常加载时会出现一个有裂痕的图片展示。
如果把这个属性设置为空字符串(alt=“”),则图片无法展示的时候,会出现空白内容

给图片添加链接

可以通过将img元素嵌套在a元素中使其变为一个链接。

注意: 使用 # 作为元素的 href 属性, 表示将其转换为固定链接。
提示: 当鼠标悬停在图片上时,鼠标的光标如果从箭头指针变成手形指针, 那么此时图片就是一个链接了。

以上是关于图片<img>的主要内容,如果未能解决你的问题,请参考以下文章

img 图片加载出错时 显示默认图片

JQuery Mobile - 处理图片加载失败!

为啥我在使用 img 标签时会收到 403 禁止?

看似完美的苹果生态环境,其实早已出现裂痕

胡歌:万物皆有裂痕,那是光照进来的地方

html02笔记