HTML标签属性<img>标签img图片标签<img>代表文档中一个照片，发出get请求，展示这个照片img标签属性事件

img图片标签

<img> 代表文档中一个照片，发出get请求，展示这个照片

img标签属性

src；source（资料），接图片地址
alt；定义了描述图像的替换文本，可选填
height；图片高度
width；图片宽度

默认代码格式: <img src="图片" alt ="介绍">

事件

onload；在加载成功时显示介绍，提示用户时使用
onerror；监听图片是否加载成功，可以做一个补救方案，xxx.src="./404.png"

响应式

max-width：100%;图片的最大宽度是百分之百，不会变形

代码示例：

<head>
<style>
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;}
img {
   max-width: 100%;}
</style>
</head>
<body>
    <img id=xxx src="dog.png" width="1000" alt="哈士奇">
    <script>
        xxx.onload = function () {
            console.log("图片加载成功");
        };
        xxx.onerror = function () {
            console.log("图片加载失败");
            xxx.src = "/404.png";
        };
    </script>
</body>

详细资料点击：HTML超文本标记语音