一天搞定HTML----a标签02
2017-05-08 16:41
197 查看
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>
相关文章推荐
- 一天搞定HTML----常用标签01
- 一天搞定HTML----列表标签03
- 一天搞定HTML----标签的嵌套规则06
- 一天搞定HTML----标签类型与类型转换05
- 02-HTML 基本骨架 、基本语法特性、 h 和 p 标签、图片、超级链接
- HTML中的标签系列-02-表单标签等
- HTML02.页面标签
- HTML之一天学会html(常用标签+网页架构)
- HTML学习02-排版相关标签
- 29-HTML-02-HTML(标签的操作思想)
- HTML之一天学会html(常用标签+网页架构)
- html基本标签,列表和图像(前端学习,第一天)
- < 笔记 > HTML - 02 HTML 表单标签
- 第一天:代码入门、HTML语法基础及文档类标签
- 谷哥的小弟学前端(02)——HTML常用标签(2)
- HTML基础--基础标签 02
- 兄弟连HTML5——02.HTML5标签的改变(上)
- HTML自学教程--一天搞定HTML(总结)
- HTML基础_02_格式标签
- 前端学习之路html基础(02)——常用标签