html <a>锚文本超链接标签

html <a>锚文本超链接标签

1.1超链接概述
超链接指从一个网页指向一个目标的连接关系。这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。
注意:超链接默认情况下是自动加下划线的。
1.2 html a语法
<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
href值:
网址,网址一定加上http://+域名。
相对路径,如htef="/abc/",代表本站内锚文本。
target值:
_blank,在新窗口中打开链接。
_parent,在父窗体中打开链接。
_self,在当前窗体打开链接,此为默认值。
_top,在当前窗体打开链接,并替换当前的整个窗体(框架页)。
注意:
如果target不带值,代表在本页父窗体中打开链接。
如果a标签内没有此元素,默认是在浏览网页中重新载入对应链接网页。
title值
在网页中不显示。
1.3 html a适用范围
1、对图片进行锚文本超链接。
例:
<a href="网址" target="_blank" title="转到主页"><img src="图片地址" /></a>
2、对文字内容进行锚文本超链接。
1.4 html a应用扩展——同页面锚文本(同页面内上下转到指定位置
例:页面底部点击 “回到顶部”链接转到本网页顶部。
1、首先在网页<body>内最上面添加一个<span id="top" name="top"></span>。
2、再到<body>内,需要出现点击后转到顶部位置添加<a href="#top">回到顶部</a>。
或者:
<a href="#">回到顶部</a>。
#包含了一个位置信息,默认的锚是#top 也就是网页的上端。
使用语法:
1、需要转到地方添加<a href="#命名">文字</a>,注意href值是#开头+英文字母命名
2、需要在被转到位置添加<span id="命名" name="命名"></span>,注意id和name值相同并且与a命名相同。

猜你喜欢

转载自wsj123.iteye.com/blog/2295512