一天搞定HTML----a标签02

最新推荐文章于 2022-10-27 14:46:07 发布

Java仗剑走天涯

最新推荐文章于 2022-10-27 14:46:07 发布

阅读量1.2k

点赞数 2

分类专栏：前端基础HTML5/CSS3 文章标签： HTML a标签

本文链接：https://blog.csdn.net/baidu_37107022/article/details/71424920

版权

前端基础HTML5/CSS3 专栏收录该内容

46 篇文章 2 订阅

订阅专栏

1.细说a标签

这里写图片描述

2.代码演示

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            a           超连接标签
                特点
                    1、默认有一个下划线
                    2、不会继承父级的颜色样式
                功能
                    1、跳转页面
                        href            要跳转页面的地址（没地址的情况下可以写一个#）
                                    即可以给网络的地址也可以给本地的地址
                        target      目标点
                                    _blank      在新页面打开
                                    _self       在本页面打开（默认的）

                    2、锚点
                    3、下载
        -->
        <div id="div">
            这是一个div1
        </div>
        <div style="height: 2000px;border-color: red;border-width: 1px;border-style: solid;">
            这是一个div2
        </div>
        <!--1.跳转页面-->
        <a href="">这是一个链接，你是可以点的</a>
        <a href="http://baidu.com">百度</a> <!--这里路径要写完整，只写www.baidu.com-->


        <!--2.锚点：指在href中填上指定标签的id，点击这个链接就会跳到这标签所在位置-->
        <a href="#div">回到顶部</a><br />


        <!--3、下载
                        在href里写上文件的地址就可以了
            注意：如果你要下载的文件浏览器能够读出来，那它就不会被下载，而是会被直接打开。如果就想让浏览器下载所有文件，那就在a标签里添加一个属性download，它的值写上文件的名字加后缀名
        -->
        -->
        <a href="D:/下载.xmind" download="下载.xmind">下载文件</a>
</html>