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>
效果展示:
怎么看出alt和title属性呢,其实如果把图片路径删除显示的就是alt属性,然后把鼠标停留在图片上面显示的就是title属性:
删除路径后的显示:
注意点:在使用时一般使用相对路径,因为文件移动后也可以正常显示,然后图片路径最好不包括中文。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。