HTML超链接样式及写法-创新互联

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

成都创新互联公司是一家集网站建设,卓尼企业网站建设,卓尼品牌网站建设,网站定制,卓尼网站建设报价,网络营销,网络优化,卓尼网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

     <a href="http://www.baidu.com" title="百度一下你就知道" target="_new">百度</a>

HTML超链接样式及写法

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

当然，我们还可以到别的页面：
定义瞄点：<a name=“锚点名称”>…</a>
链接锚点：<a href=“index.htm#锚点名称”>…</a>

    <a href="#aa">F1</a><br>
    <img src="../img2.png" id="aa">

功能性链接如邮箱链接、电话链接、qq推广

<a href="mailto:912216053@qq.com">给我发邮件</a>
<a href="tel:15888886666">给我打电话</a>             
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=912216053&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:912216053:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>

HTML超链接样式及写法

拓展：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 class="box">
    </div>
    <img class="img" src="../2图片/images/book.jpg" >
</body>
</html>

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章题目：HTML超链接样式及写法-创新互联
本文URL：https://www.cdcxhl.com/article46/cegshg.html

成都网站建设公司_创新互联，为您提供响应式网站、虚拟主机、自适应网站、网站排名、全网营销推广、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容