如何使用HTML制作图片链接?

如何使用HTML制作图片链接?,html,hyperlink,image,Html,Hyperlink,Image,我制作了一个带有此代码剪报的图片链接: <a href='feed.php'><img src="C:\xampp\htdocs\Project\Icons\Feed.png"/></a> 但是我的页面上没有图片,为什么 (我目前只在本地使用我的页面!)您无法从远程网页链接本地文件。这是为了防止网页访问最终用户计算机上的文件 更改此项:C:\xampp\htdocs\Project\Icons\Feed.png 对此:http://yourwebsite

我制作了一个带有此代码剪报的图片链接:

<a href='feed.php'><img src="C:\xampp\htdocs\Project\Icons\Feed.png"/></a>

但是我的页面上没有图片,为什么


(我目前只在本地使用我的页面!)

您无法从远程网页链接本地文件。这是为了防止网页访问最终用户计算机上的文件

更改此项:
C:\xampp\htdocs\Project\Icons\Feed.png

对此:
http://yourwebsitehere.com/Project/Icons/Feed.png

编辑:因为您说它只在本地使用,所以您需要使用它:
file:///C:/xampp/htdocs/Project/Icons/Feed.png

另外,确保图像实际位于您认为的位置

尝试键入
file:///C:/xampp/htdocs/Project/Icons/Feed.png
进入浏览器的地址栏,看看会发生什么。

这是因为您(正在尝试)使用本地文件引用

或者使用相对路径


请注意,如果您计划使用此“在线”,它将因本地引用而失败

如果通过Web服务器加载页面,则应使用:

<a href='feed.php'><img src="/Icons/Feed.png"/></a>


或者不管图像的路径是什么


我更喜欢相对路径(第一个),它允许您将页面移动到另一个域,而不会中断链接/图像。

删除了下一票,这是为了一个不同的答案。也就是说,由于OP链接到一个本地(相对)PHP文件,它几乎肯定是一个远程页面,因此
文件://
协议将被禁止。我复制了你的剪报,并用它替换了我的旧剪报,但是图片仍然不会显示?@NorS:如果您通过Web服务器加载页面,则不能使用本地
文件://
引用。请参阅我的更新答案。是否计划在线部署此网站?如果是,请已经使用相对路径。如果没有,当你上线的时候。。。您的所有图片都将出错,您必须将所有路径更改为正确的路径。我的浏览器显示了图片!但它仍然不会显示在我的页面上,即使我听从了你的建议?应该使用相对路径。如果你把。。。。如果您将主机更改为。。。你必须改变一切。您应该只使用../img/myImgage.jpg
<a href='feed.php'><img src="/Icons/Feed.png"/></a>
<a href='feed.php'><img src="http://yoursite.local/Icons/Feed.png"/></a>