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>

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


夨落旳尐孩
1 声望1 粉丝

该吃吃,该喝喝,啥事不往心里搁( •̀ ω •́ )✧


« 上一篇
HTML表格
下一篇 »
HTML超链接