likes
comments
collection

HTML图片标签

作者站长头像
站长
· 阅读数 11

HTML图片简介

想让我们的文字可以图文并茂肯定要学会在页面上加载图片学习HTML的图片标签主要掌握他的三个属性src、alt、title

<img src="" alt="" title="" />

三个属性介绍:src、alt、title

src是用来指定图片的路径,既可以使用绝对路径也可以使用相对路径。alt和title都是用于指定图片的提示文字。一般情况下,alt和title的值是相同的。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML图片标签</title>
</head>
<body>
    <img src="./HTML.png" alt="html">
</body>
</html>

效果展示:HTML图片标签怎么看出alt和title属性呢,其实如果把图片路径删除显示的就是alt属性,然后把鼠标停留在图片上面显示的就是title属性:删除路径后的显示:HTML图片标签注意点:在使用时一般使用相对路径,因为文件移动后也可以正常显示,然后图片路径最好不包括中文。