我在学校的网站设计课程中,被困在这个项目上。我必须将5个html和5张图片放在单独的子文件夹中,将css文件保留在两个子文件夹之外,并在css文件和html页面之间建立相对路径,并在htmls和图片之间建立路径。我无法弄清楚如何将css文件应用于每个html,以及如何使图像弹出在页面上(我不知道如何在html和图片之间建立路径)。如果很难理解,我很抱歉,我不会讲代码
答案 0 :(得分:1)
首先,您需要了解相对路径的工作原理:
相对路径是指相对于当前目录的位置。相对路径使用两个特殊符号,即点(。)和双点(..),它们转换为当前目录和父目录。双点用于在层次结构中向上移动。一个点代表当前目录本身。
现在,我假设您的顶级ProjectFolder包含您的css,其中包含html的名为htmlFolder的文件夹以及其中包含图像的名为imageFolder的文件夹。
因此,从htmlFolder中的一个文件的角度来看,css文件位于父目录(直接在“父目录”上方),因此您的相对路径可能类似于:
../ myStyle.css
图像位于所谓的“同级”文件夹中,这意味着它们共享同一父级。同级路径如下:
../ imageFolder / myImage.png
此相关问题的最高答案给出了与网站相关的类似但更详细的解释:Relative path in HTML