温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML&CSS基础学习笔记10-添加链接

发布时间:2020-06-30 07:28:11 来源:网络 阅读:273 作者:macoder 栏目:开发技术

我们可以设置链接的目标,使我们点击后可以跳转到我们想要去的地方。

<a>标签的 href 属性用于指定超链接目标的 URL。

在页面中添加的<a>标签,浏览器会用特殊效果显示,这样用户就会知道它是一个可以链接到其他文档的超链接。

看一段代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<h2><a href = "http://www.mayacoder.com">码芽 </a></h2>
</body>
</html>

页面则是这样的:

HTML&CSS基础学习笔记10-添加链接

你会发现代码中有个<a>标签,那么a标签是怎么会事呢?看看下面的内容,你就知道啦~

当我们访问网页时,会看到很多链接。比如在百度搜索东西的时候,会看到很多很多的搜索结果链接,点了那些链接之后就会跳转到其他页面。

在HTML中使用<a>标签定义超链接,用于从一张页面链接到另一张页面。

<a>标签最重要的属性是 [href] 属性,它指示链接的目标,即上文提到的链接。

在所有浏览器中,链接的默认外观是:

  • 未被访问的链接带有下划线而且是蓝色的

  • 已被访问的链接带有下划线而且是紫色的

  • 活动链接带有下划线而且是红色的(活动链接是点击上去时的状态)

更多学习内容,就在码芽网http://www.mayacoder.com/lesson/index


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI