一、<a>标签:定义超链接
用于从一张页面链接到另一张页面
A.href属性:规定链接的目标
B.普通超链接的URL可能的值:
1.绝对URL-指向另一个站点(href="http://www.baidu.com")
2.相对URL-指向站点内的某个文件(href="index.html")
3.锚URL-指向页面中的锚点,锚点由id属性或name属性定义(href="#top"链接到id="top"的任意标签处或name="top"的a标签处,href="#"链接到页面顶端,点击时相当于刷新当前页面)
C.电子邮件链接
邮件地址后的第一个参数以“?"开头,后面的参数以“&"连接
1.发送电子邮件到指定邮箱(href="mailto:sameple@qq.com")
2.发送电子邮件到多个邮箱,多个邮件地址以“;"隔开(href="mailto:user1@qq.com;user2@qq.com")
3.添加抄送(href="mailto:user1@qq.com?cc=user2@qq.com")
cc:carbon copy
4.添加密送(href="mailto:user1@qq.com?bcc=user2@qq.com")bcc:blind carbon copy
5.添加主题(href="mailto:sameple@qq.com?subject="word1 %20 word2 %20 word3")%20为单词之间的空格
6.添加邮件内容(href="mailto:sameple@qq.com?body="text")
D.target属性:规定在何处打开链接文档
E.target属性可能的值:
1._blank:目标文档在一个新窗口中打开(<a href="http://www.baidu.com" target="_blank"></a>)
2._self:目标文档在与源文档相同的框架或者窗口中打开。没有指定target目标的a标签默认值为_self。
3._parent:目标文档在父窗口或者父框架集中打开
4._top:会清除所有框架并在整个浏览器窗口中打开
以上四个 target 值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。
5.framename:目标文档在指定框架中打开(需结合frameset标签使用)
F.download属性:规定被下载的超链接目标
必须设置href属性,download属性才可用。可以为该属性设置一个值来规定下载文件的名称,浏览器会自动检测正确的文件扩展名并添加到文件。
<a href="image/demo.jpg" download="downloadname">
<img src="image/demo.jpg">
</a>
G.name属性:用于指定锚的名称
<a name="top">回到这里</a>
<a href="#top">点我回去</a>
H.title属性:设置鼠标悬停在超链接上时显示的文字
<a href="http://www.baidu.com" title="这是链接到百度上的链接"></a>
I.rel属性:规定当前文档与被链接文档的关系;
rev属性:规定被链接文档与当前文档的关系
J.shape属性:规定链接的形状
(需与coords属性配合使用)
1.default 规定全部区域
2.rect 定义矩形区域
3.circle 定义圆形区域
4.poly 定义多边形区域
K.coords属性:规定链接的坐标
1.shape为rect时:coords值规定左上角和右下角的坐标,X1,Y1,X2,Y2
2.shape为circle时:规定圆心的坐标和半径,x,y,radius
3.shape为poly时:规定多边形各边的坐标,x1,y1,...,xn,yn