html标签之img

时间：2022-07-19 04:06:03
<!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

相关文章