HTML学习笔记（3）--链接、图像标签

一：链接标签

1.创建链接

创建链接使用的是<a></a>标签，具体如下：

<a href="http://www.baidu.com">Baidu</a>

点击Baidu之后就会跳到www.baidu.com这个页面。在<a>标签中href是指定跳转的链接 target属性则是指定跳转的位置，如点击链接时要打开新页面则要使用target="_blank"

2.命名锚的方法

name属性规定锚的名称，它可以在html网页中定义标签，它不会以特殊的形式显示对与读者而言是看不见的。

定义锚的方法：

<a name="tip">锚</a>

跳转到同一个页面上锚名称为tip的方法：

<a href="#tip">有用的提示</a>

如果要跳转的是另一个页面上的锚，则要加上页面的名称如：

<a href="跳转页面名称#锚名称">跳转</a>

3.创建电子邮件

使用<a>标签还能创建电子邮件，使用方法如下：

<a href="mailto:xxx@163..com">Email</a>

在跳转的链接href属性值前加上mailto:再加上电子邮箱即可。

二..插入图片

1.插入图片

插入图片使用的是<img>标签，该标签是空元素使用的时候要记得关闭标签。

<img src="/i/image/smile.jpg" />

在插入图片的时候可以使用alt属性，该属性的作用是当图片显示不出来的时候能够显示图片文字。比如：

<img src="/i/image/smile.jpg" alt="this is the image" />

2.图片映射

图片映射要使用usemap属性

<img src="i/image/smile.jpg" alt="this is the image" usemap="smile" /><map name="smile" id="smile"><area shape="rect" coords="180,50,20,30" href="http://www.baidu.com" target="_blank" alt="smile 1" /><area shape="circle" coords="250 162 10" href="http://www.ifeng.com" target="_blank" alt="smile 2" /></map>

3.使用图片作为链接

<a href="http://www.baidu.com"><img src="/i/image/smile.jpg"></a>

在<a>标签中加上<img>标签，则点击图片的时候就能跳转到<a>标签中href指定的链接。