仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2516|回复: 8
打印 上一主题 下一主题

[HTML5] 带来一篇HTML基本:绝对路径和相对路径

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:30:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在W3C的HTML工作小组电子邮件论坛上频频冒出这样的情绪化批判字眼:“幼稚”、“令人无法忍受”、“荒谬”、“使诈”等。HTML初学者会常常碰到如许一个成绩,怎样准确援用一个文件。好比,如何在一个HTML网页中援用别的一个HTML网页作为超链接(hyperlink)?如何在一个网页中拔出一张图片?......
假如你在援用文件时(如到场超链接,大概拔出图片等),利用了毛病的文件路径,就会招致援用生效(没法扫瞄链接文件,或没法显现拔出的图片等)。
为了不这些毛病,准确地援用文件,我们必要进修一下HTML路径。
HTML有2种路径的写法:绝对路径和相对路径。
HTML绝对路径(RelativePath)
统一个目次的文件援用
假如源文件和援用文件在统一个目次里,间接写援用文件名便可。
我们如今建一个源文件info.html,在info.html里要援用index.html文件作为超链接。
html路径是:c:Inetpubwwwrootsites.
假定info.html路径是:c:Inetpubwwwrootsitessj33info.html
假定index.html路径是:c:Inetpubwwwrootsitessj33index.html
在info.html到场index.html超链接的代码应当如许写:
<ahref="index.html">index.html</a>
怎样暗示下级目次
HTML初学者会常常碰到如许一个成绩,
../暗示源文件地点目次的上一级目次,../../暗示源文件地点目次的上下级目次,以此类推。
假定info.html路径是:c:Inetpubwwwrootsitessj33info.html
假定index.html路径是:c:Inetpubwwwrootsitesindex.html
html路径是:c:Inetpubwwwroot.
在info.html到场index.html超链接的代码应当如许写:
<ahref="../index.html">index.html</a>
假定info.html路径是:c:Inetpubwwwrootsitessj33info.html
假定index.html路径是:c:Inetpubwwwrootindex.html
在info.html到场index.html超链接的代码应当如许写:
<ahref="../../index.html">index.html</a>
假定info.html路径是:c:Inetpubwwwrootsitessj33info.html
假定index.html路径是:c:Inetpubwwwrootsiteswowstoryindex.html
在info.html到场index.html超链接的代码应当如许写:
<ahref="../wowstory/index.html">index.html</a>
怎样暗示上级目次
//www.sj33.cn/tutorials.
援用上级目次的文件,间接写上级目次文件的路径便可。
假定info.html路径是:c:Inetpubwwwrootsitessj33info.html
假定index.html路径是:c:Inetpubwwwrootsitessj33htmlindex.html
在info.html到场index.html超链接的代码应当如许写:
<ahref="html/index.html">index.html</a>
假定info.html路径是:c:Inetpubwwwrootsitessj33info.html
假定index.html路径是:c:Inetpubwwwrootsitessj33html        utorialsindex.html
在info.html到场index.html超链接的代码应当如许写:
<ahref="html/tutorials/index.html">index.html</a>
HTML相对路径(AbsolutePath)
HTML相对路径(absolutepath)指带域名的文件的完全路径。
假定你注册了域名www.sj33.cn,并请求了假造主机,你的假造主机供应商会给你一个目次,好比www,这个www就是你网站的根目次。
假定你在www根目次下放了一个文件index.html,这个文件的相对路径就是:http://www.sj33.cn/index.html
假定你在www根目次下建了一个目次叫jc,然后在该目次下放了一个文件index.html,这个文件的相对路径就是http://www.sj33.cn/jc/index.html
</p>
一些公司联合起来,成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。
若相依 该用户已被删除
沙发
发表于 2015-1-17 22:59:04 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
愤怒的大鸟 该用户已被删除
板凳
发表于 2015-1-24 12:38:31 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
金色的骷髅 该用户已被删除
地板
发表于 2015-2-1 15:24:20 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
精灵巫婆 该用户已被删除
5#
发表于 2015-2-7 08:28:13 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
不帅 该用户已被删除
6#
发表于 2015-2-21 08:48:27 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
莫相离 该用户已被删除
7#
发表于 2015-3-6 20:25:26 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
兰色精灵 该用户已被删除
8#
发表于 2015-3-13 09:25:19 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
小女巫 该用户已被删除
9#
发表于 2015-3-20 19:31:09 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 22:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表