HTML超链接标签<a>
2017-05-21 21:50
218 查看
一、超链接标签<a>的语法
<a href="链接路径" target="目标窗口位置">链接文本或图像</a>
1、 <a>标签中href属性值是链接的路径,当href="#"时表示一个空连接;
2、<a>标签中target属性值表示的是链接在哪个窗口打开,它的常用值是“_self”和"_blank",当target="_self"时表示链接在当前窗口打开target 的默认值是“_self”,当target="_blank"时表示链接在新出窗口打开
二、超链接标签的应用
1、页面间链接:从A页到B页
如从当前页面到百度页面,设置herf 值为百度首页网址,点击链接文字百度即可跳转
<a href="http://www.baidu.com">百度</a>
2、锚链接
①页面内锚点:从A页面甲位置到A页面乙位置
⑴在A页面乙位置设置name的属性值,例如设置name="zico"
<a name="zico">目标位置乙</a>
⑵A页面的 甲位置放一个a标签,设置href值是 “#name值”
<a href="#zico">当前位置甲</a>
②跨页面锚点:从A页面的甲位置到B页面的乙位置
⑴在B页面乙位置设置name属性值语法如下:
<a name="zico">目标位置乙</a>
⑵在A页面甲位置设置链接
<a href="B.html#zico">当前位置甲</a>
3、功能性连接打开其他应用
如可以打开QQ发消息或者邮箱设置href="mailto:QQ邮箱的地址"
<a href="mailto:111111111@qq.com">联系我</a>
<a href="链接路径" target="目标窗口位置">链接文本或图像</a>
1、 <a>标签中href属性值是链接的路径,当href="#"时表示一个空连接;
2、<a>标签中target属性值表示的是链接在哪个窗口打开,它的常用值是“_self”和"_blank",当target="_self"时表示链接在当前窗口打开target 的默认值是“_self”,当target="_blank"时表示链接在新出窗口打开
二、超链接标签的应用
1、页面间链接:从A页到B页
如从当前页面到百度页面,设置herf 值为百度首页网址,点击链接文字百度即可跳转
<a href="http://www.baidu.com">百度</a>
2、锚链接
①页面内锚点:从A页面甲位置到A页面乙位置
⑴在A页面乙位置设置name的属性值,例如设置name="zico"
<a name="zico">目标位置乙</a>
⑵A页面的 甲位置放一个a标签,设置href值是 “#name值”
<a href="#zico">当前位置甲</a>
②跨页面锚点:从A页面的甲位置到B页面的乙位置
⑴在B页面乙位置设置name属性值语法如下:
<a name="zico">目标位置乙</a>
⑵在A页面甲位置设置链接
<a href="B.html#zico">当前位置甲</a>
3、功能性连接打开其他应用
如可以打开QQ发消息或者邮箱设置href="mailto:QQ邮箱的地址"
<a href="mailto:111111111@qq.com">联系我</a>
相关文章推荐
- HTML——给图片<img>标签加上超链接
- html--页面超链接<a>标签
- HTML标签天天练8--<img><map><area>图像超链接
- HTML——给图片<img>标签加上超链接
- HTML链接和Web创建超链接<a>标签之rel和rev属性
- HTML标签天天练4--<a>超链接
- html<embed>标签和url向Flash传flashvars值
- HTML学习感想(1)【<head>标签中的大作用】
- 有关Struts标签<html:cancel>使用的一点提示
- HTML4.01与HTML5中四个标签(<b><i><strong><em>)的区分总结
- jsp中<html:select>标签的用法
- HTML <base> 标签
- 超链接标签《a/>和《html:link>的一点区别
- html工作中表格<tbody>标签的使用技巧
- html <pre>标签
- HTML <area>标签 画热点
- HTML中的<UL>标签中li横向排列
- 一个能让html标签变成文本的html标签&lt;xmp&gt;
- HTML <!DOCTYPE> 标签
- (原创)利用扩展方法,给 IEnumerable<T> 增加一个生成 Html 的 select 标签的方法,不用 C# 中的反射技术