HTML学习(五)——超链接

超链接的基本格式

<a href=scheme://host[:post]/path/filename>...</a>

1. scheme指的是http,ftp,file,mailto,news,gopher,telnet七种

2. host指的是IP地址或计算机名称

3. post指的是服务器端口

4. path指的是文件路径

5. filename指的是文件名

例如:<a href=http://localhost:8080/HTML/作业.html> 

注:在本机上测试网站超链接时,需要先完成IIS配置。


超链接的常用种类

1. http

例如:<a href="http://www.zhihu.com">知乎</a>

2. file

例如:<a href="file:///e:/IIS TEST/image.jpg">图片</a>

3. ftp

例如:<a href="ftp://192.168.4.21/">下载</a>

4. mailto

例如:<a href="mailto:[email protected]">Email</a>


绝对链接与相对链接

绝对链接的例子:<a href="c:/IIS TEST/作业.html">作业</a>

当文件“作业.html”在电脑中存储的位置发生改变时,绝对链接会时效。


当超链接打开的文件与写有超链接的文件在同个文件夹内时,可以按照下面例子创建相对链接:

<a href="作业.html">作业</a>

只要两者还在同个文件夹里,不管文件夹的位置怎样变动,链接都不会失效。


当写有超链接的文件被保存在存有超链接打开的文件的上级目录时,可以按照下面例子创建相对链接:

<a href="新建文件夹/作业.html">作业</a>

当写有超链接的文件被保存在存有超链接打开的文件的下级目录时,可以按照下面例子创建相对链接:

<a href="../作业.html">作业</a>


当写有超链接的文件与超链接打开的文件位于同一主目录的不同子文件夹里时,可以按照下面例子创建相对链接:

<a href="../新建文件夹/作业.html">作业</a>

注:../表示出去当前文件夹,然后进入“新建文件夹”打开超链接连到的文件。


制作书签链接

当一个网页内容非常的长,可以使用书签标记让我们从目录区域很方便的跳转到网页的指定位置。具体操作方法如下:

1. 在需要跳转到的网页位置设定锚点:<a name="1"></a> 其中,name的设定值可以是自己任意命名。

2. 在目录区域设定链接点:<a href="#1">...</a>


当目录区域和需要跳转到的网页内容不在同一个网页上时,应按照如下方法设置锚点和链接点:

<a name="1"></a> (其实锚点的设定没有变化)

<a href="index.html#1">...</a> (也即先链接到指定页面,再链接到书签)


基准参考点

这是在<head></head>中设置的功能,目的是为超链接打开文件的位置设置一个基准参考点,这个参考点可以是电脑硬盘上的某个位置,也可以是网址。例如:

1. <base href="C:\IIS TEST\">

2. <base href="http://www.sina.com.cn/">


超链接的文字颜色

在<body>标签下,添加属性名称link,可以将未访问的链接文字设置为需要的颜色。添加属性名称alink,可以设置点选但鼠标左键未松开时链接文字的颜色。添加属性名称vlink设置超链接已经被点击后显示的颜色。

你可能感兴趣的:(html)