HTML网页超链接标记

互联网   发布时间：2008-10-17 18:57:21   作者：佚名   我要评论

HTML网页超链接标记学习教程

链接标记的属性

链接是网页页面中最重要的元素之一，是一个网站的灵魂。一个网站是由多个页面组成的，页面之间依靠链接确定相互的导航关系。每一个网页都有独一无二的地址，在英文中被称作url(Uniform Resource Locator：通用资源标示符)

HTML网页超链接标记学习教程

链接标记的属性

链接是网页页面中最重要的元素之一，是一个网站的灵魂。一个网站是由多个页面组成的，页面之间依靠链接确定相互的导航关系。每一个网页都有独一无二的地址，在英文中被称作url(Uniform Resource Locator：通用资源标示符)。在地址栏输入https://www.jb51.net然后回车，会打开脚本之家网站的主页面。可以看到，页面中有多个栏目，多条新闻等，最上方不同的栏目就是文字链接。

链接标记虽然在网站设计制作中占有不可替代的地位，但是其标记只有一个，那就是标记。本站介绍的链接应用都是基于标记基础上的。

链接标记的属性见下表

属性

描述

href

指定链接地址

name

给链接命名

title

给链接提示文字

target

指定链接的目标窗口

accesskey

链接热键

关于路径

每一个文件都有自己的存放位置和路径，理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。url—统一资源定位器，指的就是每一个网站都具有的独立的地址。同一个网站下的每一个网页都属于同一个地址之下，但是当创建网页时，不可能也不需要为每一个链接都输入完全的地址。我们只需要确定当前文档同站点根目录之间的相对路径关系。因此链接可以分为以下3种：

绝对路径

如https://www.jb51.net

相对路径

如news/default.htm

根路径

如/website/news/default.htm

在了解这三种地址形式前先要理解另外两个概念：内部链接和外部链接

内部和外部都是相对于站点文件夹而言，如果链接指向的是站点文件夹之内的文件，就是内部链接。如果链接指向站点文件夹之外的，就被称做外部链接。在添加外部链接的时候，将用到下面所讲的绝对地址；而添加内部链接的时候，将用到下面所讲的根目录相对地址和文件相对地址。

下面分别介绍这3种链接：

绝对路径

绝对路径为文件提供完全的路径，包括适应的协议，如http,Ftp,rtsp等。一般常见的有：

http://www.sohu.com

ftp://202.136.254.1

当链接到其它网站中的文件时，必须使用绝对链接。

相对路径

相对链接最适合网站的内部链接。只要是同一网站之下的，即使不在同一个目录下，相对链接也非常合适。文件相对地址是书写内部链接的理想形式。只要是处于站点文件夹之内，相对地址可以自由地在文件之间构建链接。这种地址形式利用的是构建链接的两个文件之间的相对关系，不受站点文件夹所处服务器位置的影响。因此这种书写形式省略了绝对地址中的相同部分。这样做的优点是：站点文件夹所在的服务器地址发生改变时，文件夹的所有内部链接(如果采用此种地址形式)都不会出问题。

相对链接的使用方法为：

如果链接到同一目录下，则只需输入要链接文档的名称。

要链接到下一级目录中的文件，只需先输入目录名，然后加" / "再输入文件名。

如链接到上一级目录中的文件，则先输入"…/ "，再输入目录名、文件名。

根路径

根目录相对地址同样适应于创建内部链接，但大多数情况下，不建议使用此种地址形式。它在下列情况下使用：

当站点的规模非常大，防置于几个服务器上时

当一个服务器上同时放置几个站点时

根目录相对地址的书写形式也很简单，首先以一个斜杠开头，代表根目录，然后书写文件夹名，最后书写文件名。根路径以" / "开始，然后是根目录下的目录名。

相关文章

下面小编就为大家带来一篇HTML基础知识——设置超链接的样式简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-11

这篇文章主要介绍了HTML中的超链接标签使用教程,包括邮件链接的使用方法,需要的朋友可以参考下2016-07-08

这篇文章主要介绍了XHTML中的超链接标签使用教程,包括锚链接和链接相对地址用法的介绍,需要的朋友可以参考下2016-03-06

这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性，主要使用到js的window.open方法，感兴趣的朋友可以看看哦2014-09-06

html超链接a标签的href跳转跟onclick之间执行关系：如果onclick返回false，则a不进行跳转，如果onclick返回true，则a跳转，感兴趣的朋友可以了解下本文2014-01-07

html 图片img加了超链接之后产生难看的蓝色边框该怎么解决呢？在接下来的文章中将为大家介绍下详细的解决方法，感兴趣的朋友可以参考下2013-10-14

html超链接样式包括：正在连接、访问过、鼠标盘旋，各个文本字体样式设置如下，感兴趣的朋友可以学习下哦。希望对大家有所帮助2013-08-09

Vm中一个超链接URL需要拼接中文作为Get请求的参数如果直接拼接，传到后台Action的参数对象中后取出会是乱码，需要编码后再拼接到URL上,接下来将和大家分享一下解决方法2012-12-30

咪咕视频app已下载的视频怎么删除？咪咕视频app中缓存了很了视频，想将看完了的视频删除，该怎么删除呢？下面我们就来看看咪咕视频删除缓存的教程，需要的朋友可以参考下2017-02-15

超级链接a标记代表一个链接点，是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像，这已是众所周知了，但关于它的语法结构可能2009-04-02

最新评论