HTML5链接的使用示例

这篇文章主要介绍HTML5链接的使用示例，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联专注于网站建设，为客户提供成都网站制作、成都网站设计、网页设计开发服务，多年建网站服务经验，各类网站都可以开发，品牌网站制作，公司官网，公司展示网站，网站设计，建网站费用，建网站多少钱，价格优惠，收费合理。

这次给大家带来H5链接的使用，H5链接使用的注意事项有哪些，下面就是实战案例，一起来看一下。

HTML链接算是一个HTML文档活力的表现，只因HTML链接才能让整个HTML文档更加灵活，可以任意跳转，查找自己喜欢的内容。

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML超链接：

链接文本

href 属性描述了链接的目标。

实例：

实现代码显示：访问壹聚教程

上面链接能把用户带到壹聚教程的首页。

这里我们要注意的是"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

使用 target 属性，你可以定义被链接的文档在何处显示。

访问

定义链接为链接首页，target属性为blank，意义为链接将在新窗口打开首页。

HTML 链接- id 属性

id属性可用于创建在一个HTML文档书签标记。
提示: 书签是不以任何特殊的方式显示，在HTML文档中是不显示的，所以对于读者来说是隐藏的。
实例：

在HTML文档中插入ID:

有用的提示部分

在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：

访问有用的提示部分

或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：


访问有用的提示部分

需要注意的地方：

注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.runoob.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.111cn.com/html/”

图片链接实例：



 
 
) 


创建图片链接:


无边框的图片链接:

跳出框架实例：



 
 
  


跳出框架? 
点击这里!

当前指定页面链接到指定位置：









查看章节 4

章节 1
这边显示该章节的内容……
章节 2
这边显示该章节的内容……
章节 3
这边显示该章节的内容……
章节 4
这边显示该章节的内容……
章节 5
这边显示该章节的内容……
章节 6
这边显示该章节的内容……

以上是“HTML5链接的使用示例”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

标题名称：HTML5链接的使用示例
转载源于：http://mswzjz.cn/article/gjcsjd.html

网站建设知识