html之img元素

本文介绍了HTML img元素的基本用法,包括src属性加载图片、alt属性定义替代文本、title属性设置悬停提示、width和height调整图片尺寸、loading属性实现懒加载、srcset和sizes属性用于响应式图片。通过示例详细讲解了各属性的使用效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.简介

img 元素向网页中嵌入一幅图像。

请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。

<img> 标签创建的是被引用图像的占位空间。

2.使用

2.1 src

src属性用于加载一个图片

<img src="1.jpg"></img>
  • 默认情况下img元素的宽高和图片的原始像素宽高一致

2.2 alt

alt声明当图片加载不出来时的显示文本

<img src="2.jpg" alt="this is test img"></img>

2.3 title

title但鼠标悬浮于图片上时显示文本

<img src="1.jpg" alt="this is test img" title="this is title text">&l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值