组织网站时的源链接

Source Links When Organizing Websites

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

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

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

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

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

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

当我将实际的 .html 文件放入这些类别之一并将文件路径更改为

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

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

  1. URL(和文件名)中不应有空格。如果这样做,它们应该被编码为 %20.
  2. URLs 使用 / 正斜杠,而不是反斜杠。
  3. / 正斜杠开头的 URL 是相对于根目录的 URL,这意味着它始终引用绝对来自站点根目录的文件。如果您在 http://example.com/foo/bar,link href="/baz" 总是指 http://example.com/baz
  4. 相反,link没有开始斜杠的是相对于当前文件夹的。如果您在 http://example.com/foo/bar,link href="baz" 指的是 http://example.com/foo/baz。如果您在 http://example.com/foo/bar/(注意尾部斜杠),则 link href="baz" 指的是 http://example.com/foo/bar/baz.
  5. 这同样适用于任何 URLs,包括图像 src

我希望这些说明和规则能帮助您组织您的 link。