-
目录
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像, 您可以点击这些内容来跳转到新的文档,一般用标签表示
href 属性来描述链接的地址。且默认状态下,链接将会出现以下样式(后期可以利用css对样式进行修改):
-
超链接的基本概述
-
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像, 您可以点击这些内容来跳转到新的文档,一般用<a>标签表示
-
<a href="想要跳转到的地址">链接文本</a>
-
-
-
超链接属性
-
href 属性来描述链接的地址。且默认状态下,链接将会出现以下样式(后期可以利用css对样式进行修改):
-
一个未访问过的链接显示为蓝色字体并带有下划线。
-
访问过的链接显示为紫色并带有下划线。
-
点击链接时,链接显示为红色并带有下划线。
-
-
例1——文本跳转:点击“百度”跳转到百度官网
-
代码:
-
<a href="https://www.baidu.com/">百度</a>
-
-
-
例2——图片跳转:点击“一张图片”跳转到百度官网
-
代码:
-
<a href="https://www.baidu.com/"> <img src="img/imgmuluxia.jpg" alt="将会跳转到百度官网" title="即将跳转到百度官网"> </a>
-
-
-
最终效果展示:
-
最终的超链接跳转效果
-
-
py系统学习笔记:第七阶段:网页编程基础:第一章:HTML5:8.标签之超文本连接
于 2022-09-06 19:40:31 首次发布
本文介绍了超链接的基础概念,如何使用标签创建文本跳转(如百度官网)和图片跳转(如img标签配合href)。通过实例演示了href属性的使用,并展示了最终的跳转效果,适合学习HTML初学者和开发者参考。
摘要由CSDN通过智能技术生成