likes
comments
collection
share

HTML图片标签

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

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图片标签注意点：在使用时一般使用相对路径，因为文件移动后也可以正常显示，然后图片路径最好不包括中文。