• <optgroup id="wqmke"><li id="wqmke"></li></optgroup>
  • <code id="wqmke"><li id="wqmke"></li></code>
    <dd id="wqmke"></dd>
  • logo

    moreleft_nav2

    聯系我們


    徐州云網信息技術有限公司

    咨詢熱線:13395298990

    聯系電話:15895233239 15366794958

    咨詢熱線:0516-66771678

    網址:www.smwmpd.cn

    地址:徐州市泉山區萬科淮海天地三街區2號樓-1305


    售前咨詢:kefu@xuzhouyun.com

    業務受理:yewu@xuzhouyun.com

    技術支持:jishu@xuzhouyun.com

    開戶行:徐州農商銀行前進支行(314303000309)

    賬 號: 3203020131010000004947

    moreleft_nav2

    行業動態


    moreleft_nav2

    相關知識


    圖片的相對路徑和絕對路徑


    圖片的相對路徑和絕對路徑
    發布時間: 2014/3/10 15:43:15 被閱覽數: 3181 次 來源: 徐州云網信息技術有限公司

    文件路徑就是文件在電腦中的位置,表示文件路徑的方式有兩種,相對路徑和絕對路徑。在網頁設計中通過路徑可以表示鏈接,插入圖像、Flash、CSS文件的位置。

    物理路徑:物理路徑就是硬盤上文件的路徑,比如下面的文件:

    d:\dreamdu\exe\1.html
    d:\dreamdu\exe\first\2.html
    d:\dreamdu\exe\first\3.html
    d:\dreamdu\exe\first\second\4.html
    下面的例子使用了上面四個文件進行了相互鏈接,

    相對路徑(Relative Path)

    如何表示同級目錄的文件

    2.html和3.html在同一個文件夾下, 如果2.html鏈接到3.html,可以在2.html中這樣寫:

    <a href="3.html">同目錄下文件間互相鏈接</a>
    如何表示上級目錄的文件

    1.html是2.html和3.html的上級目錄中的文件,如果2.html或3.html鏈接到1.html,可以在2.html或3.html中這樣寫

    <a href="../1.html">鏈接到上級目錄中的文件</a>
    ../ 代表一級上級目錄(間隔一個目錄) ../../代表二級上級目錄(間隔兩個目錄),比如4.html鏈接到1.html,可以在4.html中這樣寫

    <a href="../../1.html">鏈接到上級目錄的上級目錄中的文件</a>
    如何表示下級目錄的文件

    2.html和3.html是1.html的下級目錄中的文件,如果在1.html中鏈接到2.html, 可以在1.html中這樣寫

    <a href="first/2.html">鏈接到下級目錄(first)中的文件</a>
    如果在1.html中鏈接到4.html,可以在1.html中這樣寫

    <a href="first/second/4.html">鏈接到下級目錄(first/second/)中的文件</a>
    絕對路徑(Absolute Path)

    絕對路徑就是帶有網址的路徑,比如你有一個域名www.fytpjy.cn,和一個網站空間,上面的四個文件就可以這么表示。

    <a href=http://www.fytpjy.cn/web/1.html>鏈接到1.html</a>
    <a href=http://www.fytpjy.cn/web/first/2.html>鏈接到2.html</a>
    <a href=http://www.fytpjy.cn/web/first/3.html>鏈接到3.html</a>
    <a href="根目錄

    使用根目錄的方式表示的路徑和絕對路徑的表示方式相似,去掉前面的域名就可。

    比如:

    <a href="/exe/1.html">鏈接到1.html</a>
    <a href="/exe/first/2.html">鏈接到2.html</a>
    猴子提示: 使用根目錄和絕對路徑的好處是表示路徑比較簡單,都是從網站的最開始目錄里查找,一級一級的向下查。缺點是程序不容易移植(比如把網站做為另一個網站的一個欄目,移動到一個新的文件夾中就不行了。)



    上兩條同類新聞:
  • HEML與XHTML的區別
  • 小型網站如何制作

  • 自拍偷拍欧美视频_亚洲一区在线免费_亚洲欧美日韩国产精品_精品国产一区二区三区精东影业
  • <optgroup id="wqmke"><li id="wqmke"></li></optgroup>
  • <code id="wqmke"><li id="wqmke"></li></code>
    <dd id="wqmke"></dd>