超链接

复制代码
<!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 @   氯丙嗪  阅读(14)  评论(0)  编辑  收藏  举报
相关博文：
· id选择器
· 文本样式2
· 25-Sticky-Navigation（吸附导航栏）
· [VScode]lorem随机生成文本
· JQuery的DOM操作
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
点击右上角即可分享
微信分享提示
AI IDE Trae