组织网站时的源链接

时间:2015-03-18 06:33:41

标签: html image hyperlink

关于我自己的一点知识让你了解你的观众:我最近开始学习今年的HTML,并创建了我的第一个(非常基础的)网站。我非常精通Python所以我知道基本的编码术语。

我遇到的问题是一切都很混乱。为了澄清,我有一个主文件夹,其中存储了每个图片和.html文件。所以有200个不同的文件(1个文件夹中的不同类型)

我想要的是能够根据网站上列出的主题创建文件夹。例如,如果我的主页有4个指向4个不同主题的链接,我希望有4个不同的文件夹,每个文件夹只有与该主题相对应的链接。

我认为我遇到的问题是为每个链接定义一个文件路径。目前,这4个类别是活动图像,您可以单击并进一步导航。

a href="Heart Surgery.html"><img src="HeartSurgery.png" 

到目前为止,我所做的是创建一个主页文件夹。其中包括4个主题的4个文件夹,以及主页的链接(以及包括4个主题的所有图像)。

当我将实际的.html文件放入其中一个类别并将文件路径更改为

a href="\HeartSurgery\Heart Surgery.html"><img src="HeartSurgery.png" 

它只是不起作用。我已经尝试进一步指定包含主页和运气。

1 个答案:

答案 0 :(得分:1)

  1. 您不应在网址(和文件名)中包含空格。如果这样做,则应将其编码为%20
  2. 网址使用/正斜杠,而不是反斜杠。
  3. /正斜杠开头的URL是根相对URL,这意味着它始终完全引用站点根目录中的文件。如果您使用http://example.com/foo/bar,则链接href="/baz"始终引用http://example.com/baz
  4. 相反,没有开始斜杠的链接是相对于当前文件夹的。如果您使用http://example.com/foo/bar,则链接href="baz"会引用http://example.com/foo/baz。如果您使用http://example.com/foo/bar/(请注意尾随斜线),则链接href="baz"会引用http://example.com/foo/bar/baz
  5. 这同样适用于任何网址,包括图片src
  6. 我希望这些说明和规则可以帮助您整理链接。