HTML中的链接到另外一个页面的标签<a>的用法与规则

本文介绍HTML中如何使用&lt;a&gt;标签创建链接,包括链接到其他页面及使用mailto实现邮件链接的方法。还解释了title属性的作用及如何让链接在新窗口打开。

使用<a>标签,链接到别一个页面

语法:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

其中值得注意的是:

       1、title属性的作用:鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)

       2、只要为文本加入a标签后,文字的颜色就会自动变为蓝色(被点击过的文本颜色为紫色)使用CSS样式可以设置:a{color:#000}

举例子:

<a  href="http://www.imooc.com"  title="点击进入慕课网">click here!</a>

上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。


<a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。

如下代码:

<a href="目标网址" target="_blank">click here!</a>


使用mailto在网页中链接Email地址

<a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:

注意:如果mailto后面同时有多个参数的话,第一个参数必须以“ ?”开头,后面的参数每一个都以“ &”分隔。

下面是一个完整的实例: