3.1 超链接基本知识

建立超链接之前，必须了解链接与被链接文档之间的路径。
URL：每个网页都有一个唯一的地址，称为统一资源定位符(URL)。
在网页中创建内部链接时，一般不会指定链接文档的完整URL，而是指定一个相对当前文档或站点根文件夹的相对路径

3.1.1绝对路径和相对路径

绝对路径和相对路径

3.2 内部链接

内部链接是指链接的对象是在同一个网站中的资源。

3.2.1 认识内部链接

实例：如下列图建立文件

start.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>初始页面</title>
</head>
<body><a href="frist.html">点击链接到第一页面</a>&nbsp;<a href="./frist.html">点击链接到第一页面</a>&nbsp;<!--相对路径，./代表当前目录，../代表上一级目录,../../代表上上一级，以此类推--><a href="C:\Users\liuchang\Desktop\test/frist.html">点击连接到第一页面</a><!--绝对路径，该文件在本机的具体位置，不利于站点移植--><!--相对路径和绝对路径都有各自的好处，前者利于站点移植，后者利于搜索--><!--windows系统中，\表示目录，unix系统中，/表示目录，web中/表示目录--><br><br><a href="ttwo/second.html">点击链接到第二页面</a>&nbsp;<a href="./ttwo/second.html">点击链接到第二页面</a>&nbsp;<a href="C:\Users\liuchang\Desktop\test\ttwo/second.html">点击链接到第二页面</a><br><br><a href="./ttwo/tthree/third.html">点击链接到第三页面</a>&nbsp;<a href="C:\Users\liuchang\Desktop\test\ttwo\tthree/third.html">点击链接到第三页面</a>
</body>
</html>

first.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>第一页面</title>
</head>
<body>这是第一页面（Frist）<br><a href="start.html">返回初始页面</a>&nbsp;&nbsp;<a href="./start.html">返回初始页面</a>&nbsp;&nbsp;<a href="C:\Users\liuchang\Desktop\test/start.html">返回初始页面</a>
</body>
</html>

second.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>第二页面</title>
</head>
<body>这是第二页面<br><a href="../start.html">返回初始页面</a>&nbsp;&nbsp;<a href="C:\Users\liuchang\Desktop\test/start.html">返回初始页面</a>
</body>
</html>

third.hrml

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>第三页面</title>
</head>
<body>这是第三页面<br><a href="../../frist.html">返回第一页面</a><a href="C:\Users\liuchang\Desktop\test/frist.html">返回第一页面</a><br><br><a href="../second.html">返回第二页面</a><a href="C:\Users\liuchang\Desktop\test\ttwo/second.html">返回第二页面</a><br><br><a href="../../start.html">返回初始页面</a><a href="C:\Users\liuchang\Desktop\test/start.html">返回初始页面</a>
</body>
</html>

3.2.2 链接的目标窗口

在网页中点击超链接默认在当前浏览器窗口中打开。可以使用target属性来控制目标窗口的打开方式。

<a href="链接目标" target=“目标窗口的打开方式”>...</a>

target参数取值：

属性值	含义
_self	在当前页面中打开链接
_blank	在一个全新的空白窗口中打开链接
_top	在顶层框架中打开链接

三、网页中的超链接(hyperlink)相关推荐

Java解析网页中的超链接批量下载用
目录 1. 使用场景 2. 找列表 3. 分析下载地址列表 4. 使用下载工具下载 5. 源代码 1. 使用场景迅雷的批量下载功能不好用,还会把网页中的超链接的原文件给重命名,很烦. 另外,经常使用 ...
第九章在网页中创建超链接
9.1 创建超链接创建超链接使用的标记是<a> 超链接要能正确地进行链接跳转,需要同时存在两个端点源端点 =>网页中提供链接单击的对象 =>如链接文本或链接图像目标端点 ...
C#提取网页中的超链接
最近在做一个WP7的音乐播放器,在网络搜索功能中需要用到提取网页超链接. 在网上找到一个不错的例子: using System;using System.Xml;using System.Text;u ...
如何利用CSS给同一个网页中的超链接设置设置不同的样式？
用css中的类.比如<style type="text/css"> a.topcs:link { font-size: 12px; color: #000000; te ...
HTML 网页中以超链接的方式调用iphone 手机的app
<1>. 调用iphone 手机地图APP的简单实例:<a href="http://maps.google.com/maps?q=查询条件">提交查询&l ...
C# 网络编程之webBrowser获取网页url和下载网页中图片
该文章主要是通过C#网络编程的webBrowser获取网页中的url并简单的尝试下载网页中的图片,主要是为以后网络开发的基础学习.其中主要的通过应用程序结合网页知识.正则表达式实现浏览.获取url.下 ...
如何在html表格中添加超链接,excel表格添加网页链接(网页链接execl 制作列表)...
如何在一个excel表中做数据链接在一个相对比较大表里点击一个数据的时候选择你所说的那个数据--右键--超链接--在左侧选择第2项--然后选择表格名称--上面指定单元格--确定怎么样把网页中的表 ...
js中当等于最小值是让代码不执行_网页中JS函数自动执行常用三种方法
本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下一.JS方法 1.最简单的调用方式,直接写到html的body标签里面: 2.在JS语句调用: function myfun ...
Java+MyEclipse+Tomcat (三)配置MySQL及查询数据显示在JSP网页中
前面两篇文章讲述了如何配置MyEclipse和Tomcat开发JSP网站.如何配置Servlet简单实现表单提交,这篇文章主要讲述配置MySQL实现数据库连接MyEclipse,最后将查询表中的数据显 ...
网页中的三种地址详解
网页中的a标签具有地址跳转的功能,href属性指向跳转的地址. 一.三种地址模式网络地址分为两种,一种是绝对地址,一种是相对地址. 但是相对地址又可以细分为两种,一种是基于当前目录的相对地址,一种是 ...

三、网页中的超链接(hyperlink)