html标签之img

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>image tag演示</title>
</head>
<body>
    <img src="./img/qzx1.jpg" alt="全智贤" title="妹子" width="200px">
    <img src="./img/freebsd.jpg" alt="freebsd" title="类unix" width="200px"><br />
    <img src="./img/qie.gif" alt="窃格瓦拉" title="类unix" >
    <img src="./img/notExist.gif" alt="这是图片不存在显示的" title="不存在" >
</body>
</html>

<img src="./img/qzx1.jpg" alt="全智贤" title="妹子" width="200px">

alt：图片不存在时显示的文字，替换文本

title：鼠标放到图片上时，显示的文字，提示文本

src：图片的源地址

width：宽，如果不设置高则等比例缩放

height：高

html标签之img

效果