当前位置：首页 > Web开发 > 正文

标签：超链接的写法 a href=http://www.mamicode.com/ title=http://www

2024-03-31 Web开发

标签：

超链接的写法
<a href=http://www.mamicode.com/"" title=http://www.mamicode.com/"" target=http://www.mamicode.com/""></a>
href为点击后连接的地点；
title为鼠标移到超链接上时呈现的文字；
target:单击超链接打开网页方法
_self:在当前网页地址窗口打开（默认）
_blank:总是在新窗口打开
_new:同一个刚创建的窗口打开
<a></a>中也可以放img图片做成图片超链接

瞄点链接：一般是点击之后跳到网页的一个处所。好比淘宝网站页面上的《返回到顶部》这个链接
　　界说锚点：<a name=“锚点名称”>…</a>
　　链接点：<a href=“#锚点名称”>…</a>

固然，，我们还可以到另外页面：
界说瞄点：<a name=“锚点名称”>…</a>
链接锚点：<a href=“index.htm#锚点名称”>…</a>

成果性链接如邮箱链接、电话链接、qq推广

<a href="mailto:[email protected]">给我发邮件</a> <a href="http://www.mamicode.com/tel:15888886666">给我打电话</a> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=912216053&site=qq&menu=yes"><img src="http://wpa.qq.com/pa?p=2:912216053:51" alt="点击这里给我动员静" title="点击这里给我动员静"/></a>

技术图片

拓展：css转变超链接的状态
link暗示鼠标没有点击的效果
visited鼠标点击后效果
hover暗示鼠标颠末效果
active鼠标按下去的效果
hover和active也适用于其他元素

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a:link{ color: red; text-decoration: none; } a:visited{ color: yellow; } a:hover{ color: aqua; text-decoration: overline; } a:active{ font-style: italic; } .box{ width: 2000px; height: 200px; background: red; } .box:hover{ background: #0000FF; } .img:active{ float: right; } </style> </head> <body> <a href="http://baidu.com" target="_blank" title="百度一下，你就知道">baidu</a> <div> </div> <img src="" > </body> </html>

HTML超链接样式及写法

温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/33221.html

标签：超链接的写法 a href=http://www.mamicode.com/ title=http://www

推荐文章

热门文章

标签

友情链接

关于本站

联系我们

特别鸣谢

标签： 超链接的写法 a href=http://www.mamicode.com/ title=http://www

推荐文章

热门文章

标签

友情链接

关于本站

联系我们

特别鸣谢

标签：超链接的写法 a href=http://www.mamicode.com/ title=http://www