定义
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>
效果展示
第一个图片没问题,第二个图片有问题以说明形式展现。