欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-06 19:56:57
...

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

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

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

看一段代码:

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

页面则是这样的:

HTML&CSS基础学习笔记1.10-添加链接
            
    
    博客分类: HTML htmla标签链接 

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

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

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

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

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

  • 未被访问的链接带有下划线而且是蓝色的
  • 已被访问的链接带有下划线而且是紫色的
  • 活动链接带有下划线而且是红色的(活动链接是点击上去时的状态)