超链接 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!--    
            a标签(超链接)
                通过超链接可以从一个页面跳转到另外的页面
                
                属性:
                    href指定要跳转的目标的路径
                        可以指定一个外部页面的地址
                        可以通过相对路径指定一个内部地址
                            #表示去当前页面的顶部
                            #id属性值,跳转页面中指定元素所在的位置
                            
                            target表示链接的目标位置
                                可选属性
                                    _slef默认值,在当前窗口打开页面
                                    _blank在新窗口打开
            -->
        <a href="voide/flower.mp4"></a>
        <a href="1.meta标签.html"></a>
        <a href="#bottom">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
            <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus cumque nobis veritatis id! Alias magni veniam reiciendis libero laudantium maxime dolorum reprehenderit tenetur beatae facere quae quisquam maiores! Nobis.
        </a>
        <br>
         <!--    
           id属性
               每一个元素都可以设置一个id属性
               id属性不能重复,他是元素的唯一标识
           
           -->
        <a id="bottom" href="#">去顶部</a>
    </body>
</html>

 

posted @ 2022-05-03 22:09  氯丙嗪  阅读(12)  评论(0)  编辑  收藏  举报