web前端之html(三)超链接、锚链接和功能性链接

前言
前面总结的是头部标签和常用标签，下面这篇帖子就总结一些超链接、锚链接和功能性链接。

超链接

通过点击可以从一个页面跳转到另一个页面，实现页面间的导航。当鼠标移动到超链接时，箭头会变成一只小手。
用法：使用标签创建超链接
语法：

"http://www.baidu.com">点击跳转到百度

属性：
(1)href=“链接地址/路径”。
(2)target=”指定打开链接的位置”
取值：（看应用场景。）
1._self默认值 表示在当前页面打开；
2._blank在空白窗口（新的窗口）打开
3._parent 在父级框架中打开
4._top 在最顶层中打开
5.自定义打开

/*新窗口打开*/
"http://www.baidu.com" target="_blank">
点击跳转到百度

锚链接

通过点击可以从页面跳转到指定的位置（成为锚点）

页面内的锚链接

页面内的跳转

"frist">/*定义锚点名称frist*/
"#frist">/*跳转到frist位置*/

页面间的锚链接

页面间的跳转
从Thefrist.html页面中转入Thesecond.html页面中并且将位置定到second所在的位置。
先在Thesecond.html定义一个名为frist的锚点。

"second">

在Thefrist.html页面中设置锚链接。

"Thesecond.html#second">

功能性链接

实现特殊功能的链接
1.下载图片

"img/qq.jpg">点击下载图片

2.发送邮件

"mailto：1967760xx37qq.com">联系我们

3.引用脚本语言

"javascript:alert('哈哈哈哈')">

心得：学习html语言的过程确实很好玩，html的语言也很有趣，也比c++、python这种编程语言每个标签有很多种属性，可以根据自己的需求设置属性，除了这几个帖子之外还有表单标签和一些新增的标签。下面我会在写css样式中提到，就不再在html中一一总结了。