1.格式
<img src="图片的绝对路径或相对路径" alt="图片加载不出来时的显示信息" />
2.例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>website</title>
</head>
<body>
<img src="baidu.jpg" alt="baidu" /><a href="http://www.baidu.com">百度</a>
</body>
</html>
效果如下图
3.绝对路径与相对路径
- 上面的例子用的是相对路径，即baidu.jpg这张图片与网页在一个文件夹内。
- 也可以用绝对路径，如D:/website/baidu.jpg.
- 如果是这种结构（浏览器图标代表html文件）
相对路径可以写成"imagses/baidu.jpg". - 如果是这种结构
相对路径可以写成
"../images/baidu.jpg"
两个点表示返回上一级目录。
4.图片的格式有jpg,gif,png等。
参考自北京林业大学web前端开发MOOC课程。
扫一扫
2668
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
