雷诺阅读
扫描关注天津网站建设微信公众账号

扫一扫关注微信

网页制作中的超链接怎么做?

雷诺网络2016-10-14 17:13:40雷诺干货

超链接是任何一个网站必不可少的元素,可以说没有超链接的网站甚至称不上是一个网站,只能说是一个孤立的网页。因此在网页制作的过程中,我们必须了解超链接怎么做。

超链接是html语言中的一个标签,用 <a> 表示,由于html标签均为闭合标签,所以一个最简单的正确的超链接写法为:<a></a>,这实际是一个空连接。

在标签之间可以加入链接的文本:<a>教你超链接怎么做</a>

任何html标签都有自己的属性,<a>标签也不例外,这里我们介绍一些制作超链接时最常用的属性:

<a>属性意义作用
 href 目标url地址 设置当点击后跳转到的目标url地址,可以是网页、图片、Email等地址。
 target 链接目标 设置链接对象在什么地方打开,包括在本页、新窗口、父框架、浏览器中打开。
 title 飞行提示 当鼠标移至该超链接时,会在链接附近出现一段飞行提示文本。
 style 样式 设置链接的样式,包括颜色、下划线、字体、字号等。


需要着重说明的是 target 属性,它指定了点击链接后的目标在哪个对象中打开,这里的对象一般有四种:

1. _blank,在新浏览器窗口中打开链接目标。

2. _self,在本页中打开链接目标,本页被覆盖。

3. _parent,如果该链接所在网页是处于框架中的,那么在其父框架中打开链接目标。

4. _top,如果该链接所在网页是处于框架中的,则在整个浏览器中打开链接目标,并覆盖所有框架。

一个较为完整的html超链接代码示例:

<a href="http://www.1000zhu.com/article/16.html" target="_blank" title="超链接制作教程" style="color:red;">教你超链接怎么做</a>

以上代码的最终效果为:教你超链接怎么做

网站中超链接的布局尤为重要,不仅对访问者起到一个很好的导航作用,对搜索引擎的页面爬取也起到了引导效果。因此学习好超链接怎么做是网页制作的必修之课。

文章关键词