0

0

Chap 07 HTML建立超链接_html/css_WEB-ITnose

php中文网

php中文网

发布时间:2016-06-21 08:56:29

|

1592人浏览过

|

来源于php中文网

原创

7.1 超链接的基本知识   每个网页都有一个唯一的地址,称为统一资源定位符(url)。7.1.1  绝对路径   绝对路径是包含服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以精确地找到,除非是目标文档的位置发生变化,否则链接不会失败。采用绝对路径的好处是,它同链接的源端点无关。只要网站的地址不变,无论文档在端点中如何移动,都可以正常实现跳转而不会发生错误。另外,如果希望链接站点上的其他内容,就必须使用绝对路径。   采用绝对路径的缺点在于这种方式的链接并不利于测试。如果在站点中使用绝对地址,要想测试链接是否有效,必须在internet服务器上进行测试。另一个缺点是,采用绝对路径不利于站点的移植。7.1.2  相对路径   为了避免绝对路径的缺陷,对于在同一站点之中的链接来说,使用相对路径是一个很好的方法。相对路径可以表述源端点同目标端点之间的相互位置,它同源端点的位置密切相关。   如果在链接中源端点和目标端点位于同一个目录下,则只需要将目录的相对路径关系表示出来就可以了。   如果在链接中源端点和目标端点不在同一个目录下,则只需要将目录的相对关系表示出来就可以了。   如果链接指向的文档位于当前目录的子级目录中,则可以利用…符号表示当前位置的父级目录,从而构建出目录的相对位置。   利用相对路径的好处是,如果站点的结构和文档的位置不变,那么链接就不会出错。可以将整个网站的移植到另一个地址的网站中,而不需要修改文档中的链接路径。   7.2 内部链接   内部链接是指链接的对象是在同一个网站中的资源。7.2.1 认识内部链接与自身网站页面有关的链接被称为内部链接。语法:……7.2.2  链接的目标窗口在创建网页的过程中,默认情况下超链接在原来的浏览器窗口中打开,可以使用target属性来控制打开的目标窗口。语法: 说明: target参数取值有4种self:在当前页面中打开链接。blank: 在一个全新的空白窗口中打开链接。top:在顶层框架中打开链接,也可以理解为在根框架中打开链接。parent:在当前框架的上一层里打开链接。7.3 锚点链接网站中经常会有一些文档页面由于文本或者图像过多,导致页面过长。访问者需要不停地拖动浏览器上的滚动条来查看文档中的内容。为了方便用户查看文档中的内容,在文档中需要进行锚点链接。7.3.1 建立锚点 锚点就是指在给定名称的网页中的某一个位置,在创建锚点链接前首先要建立锚点。语法:说明:利用锚点名称可以连接到相应的位置。这个名称可以使数字和英文,或者两者的混合,最好要区分大小写。同一个网页中可以有无数个锚点,但是不能有相同名称的两个锚点。7.3.2  链接同一页面中的锚点建立了锚点之后,就可以创建到锚点的链接,需要用#号以及锚点的名称作为href属性值。语法:……说明:在该语法中,在href属性后输入页面中创建的锚点的名称,可以连接到页面中不同的位置。7.3.3 链接到其他页面中的锚点锚点链接不但可以链接到同一页面,也可以在不同页面中设置。语法:……说明:在该语法中,与同一页面内的锚点链接不同的是,需要在锚点名称前增加文件所在的位置以设置一个单独的链接页面,使其链接到前面定义的锚点页面。7.4 外部链接(跳转到当前网站之外的资源中)7.4.1 链接到外部网站网页中最常用的利用http协议进行外部链接是在设置友情链接时。语法:…… 7.4.3 链接到ftp ftp是指文件传输协议,一个ftp站点通常包含一些容易上传和下载文件的文件目录。大部分的ftp网站需要一个用户名和密码来进入网站。语法:……7.4.4  链接到telnet telnet常常用来登录一些bbs网站,也是一种远程登录方式。语法:……7.4.5 下载文件在某些网站中只需要单击一个链接就可以自动下载文件。语法:……说明:在文件所在地址部分设置的路径,可以是相对地址,也可以是绝对地址。如果超链接指向的不是一个网页文件,而是其他文件例如zip、mp3、exe文件等,单击链接的时候就会下载文件。


FashionLabs
FashionLabs

AI服装模特、商品图,可商用,低价提升销量神器

下载


相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Golang处理数据库错误教程合集
Golang处理数据库错误教程合集

本专题整合了Golang数据库错误处理方法、技巧、管理策略相关内容,阅读专题下面的文章了解更多详细内容。

67

2026.02.06

java多线程方法汇总
java多线程方法汇总

本专题整合了java多线程面试题、实现函数、执行并发相关内容,阅读专题下面的文章了解更多详细内容。

32

2026.02.06

1688阿里巴巴货源平台入口与批发采购指南
1688阿里巴巴货源平台入口与批发采购指南

本专题整理了1688阿里巴巴批发进货平台的最新入口地址与在线采购指南,帮助用户快速找到官方网站入口,了解如何进行批发采购、货源选择以及厂家直销等功能,提升采购效率与平台使用体验。

489

2026.02.06

快手网页版入口与电脑端使用指南 快手官方短视频观看入口
快手网页版入口与电脑端使用指南 快手官方短视频观看入口

本专题汇总了快手网页版的最新入口地址和电脑版使用方法,详细提供快手官网直接访问链接、网页端操作教程,以及如何无需下载安装直接观看短视频的方式,帮助用户轻松浏览和观看快手短视频内容。

265

2026.02.06

C# 多线程与异步编程
C# 多线程与异步编程

本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧,包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目,帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统,提升应用性能和响应速度。

18

2026.02.06

Python 微服务架构与 FastAPI 框架
Python 微服务架构与 FastAPI 框架

本专题系统讲解 Python 微服务架构设计与 FastAPI 框架应用,涵盖 FastAPI 的快速开发、路由与依赖注入、数据模型验证、API 文档自动生成、OAuth2 与 JWT 身份验证、异步支持、部署与扩展等。通过实际案例,帮助学习者掌握 使用 FastAPI 构建高效、可扩展的微服务应用,提高服务响应速度与系统可维护性。

29

2026.02.06

JavaScript 异步编程与事件驱动架构
JavaScript 异步编程与事件驱动架构

本专题深入讲解 JavaScript 异步编程与事件驱动架构,涵盖 Promise、async/await、事件循环机制、回调函数、任务队列与微任务队列、以及如何设计高效的异步应用架构。通过多个实际示例,帮助开发者掌握 如何处理复杂异步操作,并利用事件驱动设计模式构建高效、响应式应用。

14

2026.02.06

java连接字符串方法汇总
java连接字符串方法汇总

本专题整合了java连接字符串教程合集,阅读专题下面的文章了解更多详细操作。

69

2026.02.05

java中fail含义
java中fail含义

本专题整合了java中fail的含义、作用相关内容,阅读专题下面的文章了解更多详细内容。

32

2026.02.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号