html 锚点

　　锚点的使用可以实现本页面内容的跳转，经常会见到的就是页面右下方的返回顶部按钮

　　

 

 　　示例

　　

 

 　　代码

　　

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>锚点链接</title>
</head>

<body>
    <div>
        <h3><a href="#music">音乐</a></h3>
        <h3><a href="#movie">电影</a></h3>
        <h3><a href="#game">游戏</a></h3>
    </div>

    <br><br><br><br>

    <div id="music">
        <h3>音乐</h3>
        <ul>
            <li>我的歌声里</li>
            <li>光辉岁月</li>
            <li>双节棍</li>
            <li>清明雨上</li>
        </ul>
    </div>
    <br><br><br><br>
    <div id="movie">
        <h3>电影</h3>
        <ul>
            <li>变形金刚4</li>
            <li>加勒比海盗4</li>
            <li>狄仁杰之通天帝国</li>
            <li>指环王3</li>
        </ul>
    </div>
    <br><br><br><br>
    <div id="game">
        <h3>游戏</h3>
        <ul>
            <li>穿越火线</li>
            <li>英雄联盟</li>
            <li>地下城</li>
            <li>三国杀</li>
        </ul>
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>

</html>

 

posted @ 2019-09-05 10:31  一颗糊涂淡  阅读(167)  评论(0)  编辑  收藏  举报