zoukankan      html  css  js  c++  java
  • HTML相对路径(relative path)和绝对路径(absolute path)

    HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......

    如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。

    为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。

    HTML有2种路径的写法:相对路径和绝对路径。

    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>

    假设info.HTML路径是:c:\Inetpub\wwwroot\sites\blabla\info.HTML
    假设index.HTML路径是:c:\Inetpub\wwwroot\sites\blabla\HTML\tutorials\index.HTML
    在info.HTML加入index.HTML超链接的代码应该这样写:

    <a href = "HTML/tutorials/index.HTML">index.HTML</a>

    HTML绝对路径(absolute path)

    HTML绝对路径(absolute path)指带域名的文件的完整路径。

    假设你注册了域名www.cneshu.com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。

    假设你在www根目录下放了一个文件index.HTML,这个文件的绝对路径就是: http://www.cneshu.com/index.HTML

    假设你在www根目录下建了一个目录叫HTML_tutorials,然后在该目录下放了一个文件index.HTML,这个文件的绝对路径就是http://www.cneshu.com/HTML_tutorials/index.HTML

  • 相关阅读:
    Codevs 2296 仪仗队 2008年省队选拔赛山东
    Codevs 1535 封锁阳光大学
    Codevs 1069 关押罪犯 2010年NOIP全国联赛提高组
    Codevs 1218 疫情控制 2012年NOIP全国联赛提高组
    Codevs 1684 垃圾陷阱
    洛谷 P1108 低价购买
    Vijos P1325桐桐的糖果计划
    Codevs 3289 花匠 2013年NOIP全国联赛提高组
    Codevs 2611 观光旅游(floyed最小环)
    C语言基础之彩色版C语言(内含linux)
  • 原文地址:https://www.cnblogs.com/tohen/p/481069.html
Copyright © 2011-2022 走看看