组织网站时的源链接
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"
它只是不起作用。我尝试进一步指定包括主页和运气。
- URL(和文件名)中不应有空格。如果这样做,它们应该被编码为
%20
.
- URLs 使用
/
正斜杠,而不是反斜杠。
- 以
/
正斜杠开头的 URL 是相对于根目录的 URL,这意味着它始终引用绝对来自站点根目录的文件。如果您在 http://example.com/foo/bar
,link href="/baz"
总是指 http://example.com/baz
。
- 相反,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
.
- 这同样适用于任何 URLs,包括图像
src
。
我希望这些说明和规则能帮助您组织您的 link。
关于我自己的一些信息,以便您了解您的听众:我最近开始学习 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"
它只是不起作用。我尝试进一步指定包括主页和运气。
- URL(和文件名)中不应有空格。如果这样做,它们应该被编码为
%20
. - URLs 使用
/
正斜杠,而不是反斜杠。 - 以
/
正斜杠开头的 URL 是相对于根目录的 URL,这意味着它始终引用绝对来自站点根目录的文件。如果您在http://example.com/foo/bar
,linkhref="/baz"
总是指http://example.com/baz
。 - 相反,link没有开始斜杠的是相对于当前文件夹的。如果您在
http://example.com/foo/bar
,linkhref="baz"
指的是http://example.com/foo/baz
。如果您在http://example.com/foo/bar/
(注意尾部斜杠),则 linkhref="baz"
指的是http://example.com/foo/bar/baz
. - 这同样适用于任何 URLs,包括图像
src
。
我希望这些说明和规则能帮助您组织您的 link。