HTML图像标签

html文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<img src="../resources/image/01.jpg" alt="小狗图像" title="我是小金毛" width="300" height="300">
</body>
</html>

其中在图片存放的目录如下：

浏览器翻译如下：

注意：

idea中快捷键：body体中输入img然后按下tab键会自动补充如下（<img src="" alt="">）

各个属性含义如下：

src:图像地址

alt：图像的替代文字

title：鼠标悬停提示文字

width：宽度

height：高度