006---图像标签img

本文详细介绍了HTML中的图像标签(img)的基本语法格式及其常用属性,包括src、alt、title、width、height和border等,并通过实例展示了如何使用这些属性来优化图片的展示效果。

一、基本语法格式

<img src="01.jpg" alt=""/>

图像标签是单标签,   01.jpg  代表放置图片的名字     ,      src引号里的内容代表图片的路径。

结果展示:


1. 如果放置的图片在当前路径中不存在,则可以使用另一种方式

假设011.jpg在本路径中不存在,就可以使用alt属性,表示图片不能显示时需要替换的文本内容。如果图片在本路径中存在,则alt里的内容就不会显示出来。

<img src="011.jpg" alt="......."/>

结果展示:(旧的版本可能会有图片破裂的图像)

2. 属性,title:当鼠标经过图片是会显示title里的内容

<img src="01.jpg" title="高圆圆的图片"/>


3. width、height属性,改变图片的宽高,当只填写一个宽属性或一个高的属性,这张图片会将等比例缩放。

4. border属性设置图片边框的宽度

<img src="01.jpg" width="200" border="2"  title="高圆圆的图片"/>

5. img属性总结:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值