Mac电脑绝对路径无法显示图片

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>图像和超链接</title>
</head>
<body>
	<img src="Users/hanxu/Documents/Materia/beautiful1.jpg"/>
</body>
</html>

遇见Python 2018-10-22

源自：HTML基础 4-1 图像

收起

2回答

妮可妮可妮_ 回答被采纳获得+3积分 2018-10-23 18:35:34

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图像和超链接</title>
</head>
<body>
<img src="‎⁨‎⁨‎⁨‎⁨iCloud 云盘⁩/文稿⁩/⁨素材/beautiful1.jpg⁩" />
</body>
</html>

请同学测试上面的代码是否可以实现效果,

在实际开发中,一般会选择使用相对路径,如果你使用绝对路径，那么在自己的计算机上将一切正常，因为确实可以在指定的位置上找到文件，但是当你将页面上传到网站的时候就很可能会出错了，就需要使用相对路径，不论将这些文件放到哪里，只要他们的相对关系没有变，就不会出错。

祝学习愉快!

收起回答

遇见Python 提问者 #1

谢谢，懂了。

2018-10-23 23:03:30

妮可妮可妮_ 2018-10-22 18:47:00

你好同学,经过测试,是可以实现使用绝对路径引入图片的

同学可能是路径引入的有问题,

1, 选中文件右击

2,选择显示简介

3,在显示简介中【通用->位置】即可查看到具体文件的绝对路径。

拷贝下来就可以使用了,记得添加上图片的名字和正确后缀哦~

祝学习愉快!

收起回答

提问者遇见Python #1

仍然无法显示图片。

2018-10-23 17:27:25
提问者遇见Python #2

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>图像和超链接</title> </head> <body> <img src="‎⁨‎⁨iCloud 云盘⁩/文稿⁩/⁨素材/beautiful1.jpg⁩"/> </body> </html> 按照您给的办法，我直接拷贝位置使用，仍然无法显示图片。。

2018-10-23 18:01:24