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>
页面则是这样的:
你会发现代码中有个<a>标签,那么a标签是怎么会事呢?看看下面的内容,你就知道啦~
当我们访问网页时,会看到很多链接。比如在百度搜索东西的时候,会看到很多很多的搜索结果链接,点了那些链接之后就会跳转到其他页面。
在HTML中使用<a>标签定义超链接,用于从一张页面链接到另一张页面。
<a>标签最重要的属性是 [href] 属性,它指示链接的目标,即上文提到的链接。
在所有浏览器中,链接的默认外观是:
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的(活动链接是点击上去时的状态)
推荐阅读
-
HTML&CSS基础学习笔记1.10-添加链接
-
HTML&CSS基础学习笔记1.24-input标签的单选与多选
-
HTML&CSS基础学习笔记1.26-input重置表单
-
HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表
-
HTML&CSS基础学习笔记1.19-DIV标签1
-
HTML&CSS基础学习笔记1.20-DIV标签2
-
HTML&CSS基础学习笔记1.19-DIV标签1
-
HTML&CSS基础学习笔记1-简单网页中有哪些标签?_html/css_WEB-ITnose
-
HTML&CSS基础学习笔记1.3-HTML的标签语法
-
HTML&CSS基础学习笔记1.1-简单网页中有哪些标签?