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

时间：2022-01-27 22:40:08

1.细说a标签

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

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>

相关文章