亲,来啦,南粤互联助您生意更红火!
首页 > 资讯详细 > 网页制作中的超链接怎么做?

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

2017-3-18 |
建站百科
来源:
12881

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

超链接是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.south365.com/news/16.html" target="_blank" title="超链接制作教程" style="color:red;">教你超链接怎么做</a>

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

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


关注微信公众号南粤互联(south365),定时推送,福利互动精彩多
  • 15分钟致电

    建站顾问快速响应您的需求

  • 专业上门服务

    2-5小时最快当天出方案

  • 免费网站诊断

    营销专家精准分析诊断报告

  • 好口碑好伙伴

    10年实战经验专业团队

马上联系 400-8868-195
让您的生意更红火

南粤互联,用心做好每一个网站。