• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML相对路径(Relative Path)和绝对路径(Absolute Path)深入理解

HTML相对路径(Relative Path)和绝对路径(Absolute Path)深入理解

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含相对路径,绝对路径等相关知识,佚名 希望在学习及工作中可以帮助到您
搞java web开发也有1年多了,免不了要写写html或者jsp页面什么的,而web应用程序功能强大就在于它的超链接(Hyper Link),比如在a页面保存指向b页面的链接地址(也就是URI),但问题就恰恰出在了这里,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......
加上struts中相对路径也是大行其道,一不小心很容易搞混淆。

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

为了避免这些错误,正确地引用文件,特地写下来而者的区别与用法,将来也可查询。

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

HTML相对路径(relative path)
同一个目录的文件引用
如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

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

假设info.HTML路径是:d:\tomcat\webapps\hello\blabla\info.HTML
假设index.HTML路径是:d:\tomcat\webapps\hello\blabla\index.HTML
在info.HTML加入index.HTML超链接的代码应该这样写:

假设在www根目录下建了一个目录叫HTML_tutorials,然后在该目录下放了一个文件index.HTML,这个文件的绝对路径就是http://www.jb51.net/article/32759.htm。

您可能想查找下面的文章:

  • HTML相对路径(Relative Path)和绝对路径(Absolute Path)深入理解
  • HTML中绝对路径和相对路径的区别分析
  • HTML相对路径 上级目录及下级目录的写法
  • HTML 相对路径和绝对路径区别分析

相关文章

  • 2017-08-05HTML对于元素水平垂直居中的探讨
  • 2017-08-05HTML link标记的rel属性
  • 2017-08-05a标签的target链接指向iframe的方法
  • 2017-08-05HTML语法大全_html语言语法大全(必看)
  • 2017-08-05a链接刷新页面与js刷新页面用法示例介绍
  • 2017-08-05详解html中background-image属性的设置
  • 2017-08-05DHTML 对象(各种 HTML 对象常用属性)
  • 2017-08-05html知识点实践经验总结
  • 2017-08-05HTML教程:title属性与alt属性
  • 2017-08-05Form表单提交刷新页面不跳转源码设计

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html中table为每个单元格设置不同颜色和宽度
    • HTML meta viewport属性详细说明
    • html中表示颜色的方式有6位16进制代码及rgb或关键字
    • Nofollow标签的写法以及nofollow使用介绍
    • HTML table鼠标拖拽排序功能
    • 让访客记住网站的三段实用代码
    • 表格(TABLE)标记(TAGS)详细介绍
    • 在html文件里include文件内容的方法小结
    • 网页中flash wmode属性你会用吗?
    • HTML ul 无序表的应用嵌套

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有