【HTML笔记四】认识标签三

一、使用

<a>

标签，链接到另一个页面

使用

<a>

标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。

语法：

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

例如：

<a  href="http://www.baidu.com"  title="进入百度">点击这里</a>

注意：只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），可以使用css样式设置。

<!--跳转到本页顶部-->
<a href="#">跳转到本页顶部</a>

二、在新建浏览器窗口中打开链接

<a>

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

如下代码：

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

总结：

_blank： 在新窗口中打开链接

_parent： 在父窗体中打开链接

_self： 在当前窗体打开链接,此为默认值

_top： 在当前窗体打开链接，并替换当前的整个窗体(框架页)

一个对应的框架页的名称： 在对应框架页中打开

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

<a>

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



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

下面是一个完整的实例:



点击链接会打开电子邮件应用，并自动填写收件人等设置好的信息，如下图：



四、认识

<img>

标签，为网页插入图片

在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用

<img>

标签来插入图片。

语法：

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

举例：

<img src = "myimage.gif" alt = "My Image" title = "My Image" />

讲解：

src：标识图像的位置；

alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；

title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；

图像可以是GIF，PNG，JPEG格式的图像文件。