【小白专用】HTML相对路径表示方法

一. HTML相对路径(Relative Path)

同一个目录的文件引用

如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "index.html">index.html</a>

如何表示上级目录

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是:c:/Inetpub/wwwroot/sites/index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "../index.html">index.html</a>

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是:c:/Inetpub/wwwroot/index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "../../index.html">index.html</a>

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "../wowstory/index.html">index.html</a>

如何表示下级目录

引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "html/index.html">index.html</a>

相关推荐
树叶会结冰6 小时前
HTML语义化:当网页会说话
前端·html
Metaphor69211 小时前
Java 将 HTML 转换为 Word:告别手动复制粘贴
java·经验分享·html·word
超级大只老咪12 小时前
字段行居中(HTML基础语法)
前端·css·html
向葭奔赴♡15 小时前
HTML的本质——网页的“骨架”
前端·javascript·html
2501_9181269115 小时前
使用HTML和Python开发街霸游戏
python·游戏·html
我有一棵树16 小时前
浏览器/用户代理默认样式、any-link 伪类选择器
前端·css·html
软件技术NINI1 天前
html css js网页制作成品——化妆品html+css+js (7页)附源码
javascript·css·html
小白64022 天前
前端梳理体系从常问问题去完善-框架篇(react生态)
前端·css·html·reactjs
又是忙碌的一天2 天前
前端学习day01
前端·学习·html
不会算法的小灰2 天前
HTML简单入门—— 基础标签与路径解析
前端·算法·html