12
2017
08

a:标签

<!--文档说明,采用h5标准解析当前网页-->
<!DOCTYPE html>
<html>
    <head lang="zh">
        <meta charset="UTF-8">
        <title>第二章:基本标签——杰瑞教育</title>
    </head>
    <body>
        <!--
         a 标签超链接
        属性href:要打开的资源地址
                   绝对地址:http://www.baidu.com
                            /jierui/ch01/ch01_1.html
                   相对地址:../ch01/ch01_1.html
        属性target:要链接网页的目标显示窗口
                   _self:当前网页打开,默认值
                   _blank:在新的tab页中打开
超链接的4种状态:    a:link:未访问的状态;    a:visited:已访问的状态;    a:hover:鼠标悬浮状态;    a:active:激活状态;    注意书写顺序:link -- visited -- hover -- active    其他元素可以使用的状态为: hover active        -->
        <href="http://www.baidu.com" target="_blank">百度一下</a>
        <href="../ch01/ch01_1.html">第一章笔记</a>
        <!--
            锚链接
            1、定义一个锚点:<a name="dd">dd<a>
            2、通过a标签跳转到锚点<a href="#dd">返回</a>
            注意:锚点名称前加#
         -->
        <name="dd">这是一个锚点</a>
        <div style="height1000px"></div>
        <href="#dd">返回顶部</a>
        <!--页面间定位在地址后加#锚点name-->
        <href="../ch01/ch02.html#dd">ch02</a>
        <ul>
            <li>
                <b><href="http://news.163.com/17/0725/10/CQ6CSE3100018AOQ.html" target="_blank">王毅谈印军越界:印军应老老实实地退出去</a></b>
            </li>
            <li>
                <href="http://news.163.com/17/0725/13/CQ6NC3KO0001899O.html" target="_blank">中国女子在塞浦路斯快艇事故中身亡 另有4人受伤</a>
            </li>
            <li>
                <href="http://news.163.com/17/0725/01/CQ5G7NHV000187VI.html" target="_blank">男子车载五子女冲入水库溺亡 事发前曾劝妻子再嫁</a>
            </li>
            <li>
                <href="http://news.163.com/17/0725/07/CQ62QUQC0001875P.html" target="_blank">47岁卖瓜男子伪装高富帅 同时与200多名女性暧昧</a>
            </li>
            <li>
               <href="http://news.163.com/17/0725/10/CQ6E4NGU0001875P.html" target="_blank">金店打工仔赌博输钱 把金条拉成金丝藏鞋底偷出</a>
            </li>
            <li>
                <href="http://news.163.com/17/0725/09/CQ696HHQ000187V9.html" target="_blank">美女子性侵养子500多次 自称是"罹患老化症女友"</a>
            </li>
        </ul>
    </body>
</html>

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

扫一扫,求打赏 扫一扫,求打赏