- 1、本文档共45页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第4章NEW 建立超链接
建立超链接 本章目标: 超链接的概念 链接标记 内部链接 书签链接 外部链接 其他链接 超链接的概念 超链接:是指在一个计算机文档的特定区域能引入其他文档或程序.….使读者能通过链接达到另一个所需要的网站以了解大量相关的内容。 一个网站是由多个页面组成的,页面之间依据链接确定相互的导航关系。 链接标记A 路径 大家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径, 绝对路径 相对路径 什么是绝对路径 例如只要看到这个路径:c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。 类似于这样完整的描述文件位置的路径就是绝对路径。 我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以/img/photo.jpg来确定文件位置的方式也是绝对路径。 在网站的应用中,通常我们使用/来表示根目录,/img/photo.jpg就表示photo.jpg文件在这个网站的根目录上的img目录里。 什么是相对路径 让我们先来分析一下为什么会发生图片不能正常显示的情况。 举一个例子,现在有一个页面index.htm,在这个页面中联接有一张图片photo.jpg。他们的绝对路径如下: c:/website/index.htm c:/website/img/photo.jpg 例: c:/website/web/index.htm c:/website/img/photo.jpg 在此例中index.htm中联接的photo.jpg应该怎样表示呢? 错误写法:img/photo.jpg 这种写法是不正确的,在此例中,对于index.htm文件来说img/photo.jpg所代表的绝对路径是:c:/website/web/img/photo.jpg,显然不符合要求。 正确写法:使用../img/photo.jpg的相对路径来定位文件 例: c:/website/web/xz/index.htm c:/website/img/images/photo.jpg 在此例中index.htm中联接的photo.jpg应该怎样表示呢? 错误写法:../img/images/photo.jpg 这种写法是不正确的,在此例中对于index.htm文件来说../img/images/photo.jpg所代表的绝对路径是:c:/website/web/img/images/photo.jpg。 正确写法:可以使用../../img/images/photo.jpg的相对路径来定位文件 例: c:/website/web/xz/index.htm c:/website/web/img/photo.jpg 在此例中index.htm中联接的photo.jpg应该怎样表示呢? 错误写法:../../img/photo.jpg 这种写法是不正确的,在此例中对于index.htm文件来说../../img/photo.jpg所代表的绝对路径是:c:/website/img/photo.jpg。 正确写法:可以使用../img/photo.jpg的相对路径来定位文件 例: c:/website/web/xz/index.htm c:/website/css/test.css 在此例中index.htm中联接test.css文件,可以使用../../css/test.css的相对路径来定位文件,完整的代码标记是:link rel=stylesheet href=../../css/test.css type=text/css 错误写法举例:../../../css/test.css 这种写法是不正确的,在此例中对于index.htm文件来说../../../css/test.css所代表的绝对路径是:c:/css/test.css 总结:通过以上的例子可以发现,在把绝对路径转化为相对路径的时候,两个文件绝对路径中相同的部分都可以忽略,不做考虑。只要考虑他们不同之处就可以了。 最后,为了避免在制作网页时出现路径错误,我们可以使用dreamweaver的站点管理功能来管理站点,它将自动的把绝对路径转化为相对路径,并且当你在站点中移动文件的时候,与这些文件关联的连接路径都会自动更改,实在是非常的方便。 绝对路径 1、绝对路径为文件提供完全的路径,包括适用的协议,如http,ftp,rts
您可能关注的文档
- 第3章信号产生与变换电路的分析与制作1.ppt
- 第3讲 高分子链的柔性和溶液热力学1015F.ppt
- 第3讲古典自由主义(国际政治经济学-武汉大学,阮建平).ppt
- 第3讲概率论.ppt
- 第3讲 议论文阅读.ppt
- 第3课-甲午中日战争.ppt
- 第3课《中华文明之祖》课件.ppt
- 第3部分 PLC指令系统.ppt
- 第3讲 欧洲大陆的政体改革.ppt
- 第4单元 压电式传感器.ppt
- 2024高考物理一轮复习规范演练7共点力的平衡含解析新人教版.doc
- 高中语文第5课苏轼词两首学案3新人教版必修4.doc
- 2024_2025学年高中英语课时分层作业9Unit3LifeinthefutureSectionⅢⅣ含解析新人教版必修5.doc
- 2024_2025学年新教材高中英语模块素养检测含解析译林版必修第一册.doc
- 2024_2025学年新教材高中英语单元综合检测5含解析外研版选择性必修第一册.doc
- 2024高考政治一轮复习第1单元生活与消费第三课多彩的消费练习含解析新人教版必修1.doc
- 2024_2025学年新教材高中英语WELCOMEUNITSectionⅡReadingandThi.doc
- 2024_2025学年高中历史专题九当今世界政治格局的多极化趋势测评含解析人民版必修1.docx
- 2024高考生物一轮复习第9单元生物与环境第29讲生态系统的结构和功能教案.docx
- 2024_2025学年新教材高中英语UNIT5LANGUAGESAROUNDTHEWORLDSect.doc
文档评论(0)