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

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

  超链接是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,如果该链接所在网页是处于框架中的,则在整个浏览器中打开链接目标,并覆盖所有框架。

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

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

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

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

posted @ 2017-07-27 10:31  xushukui  阅读(3012)  评论(0编辑  收藏  举报