HTML学习笔记3——图片标签

定义

img标签;

src表示图片导入的路径;

alt对图片补充说明,当图片出现问题时(加载不出来、对应路径内没有此图片)才会显示说明内容;

height设置图片高度,width设置图片宽度,若不设置就会自动调整比例。

<!-- 语句公式 -->
<img src="图片路径" alt="补充说明" width="宽度" height="高度"/>
代码示例

第一个图片(2024-03-11 190559.png)在对应路径中:

第二个图片(222.png)不存在。

<!DOCTYPE html>    
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="img\2024-03-11 190559.png" alt="草莓熊" width="450" height="300"/>
    <img src="img\222.png" alt="图片" width="450" height="300"/>
</body>
</html>
效果展示

第一个图片没问题,第二个图片有问题以说明形式展现。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值