前端学习第三章——a标签（超链接）-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_60750453/article/details/121214549

a标签（超链接）

我们浏览一个网页，比如京东、天猫、腾讯视频、csdn、掘金，这些网站，我们总是可以看到一些按钮或者图片或者文字，点击之后可以跳转到其他页面或者其他网站，这是怎么做到的呢？在HTML中，有一个标签，可以设置点击文字跳转的效果—— a 标签

看看我们a标签的效果

<!DOCTYPE html>
<html lang="Zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="https://baidu.com">百度</a>
    <a href="https://taobao.com">淘宝</a>
</body>
</html>

我们这里写了两个a标签，分别是跳转百度与淘宝，我们来分析分析a标签的格式
a标签是双标签，也就是说他是这样的:

由<a>开头，以</a>结尾
<a href="填跳转链接">填显示文字</a>

我们的a标签的开始标签里面，有一个属性，用于指定跳转的链接，这个是必写的属性哦！
我们通过href来指定需要跳转的链接，然后再开头标签和结尾标签的中间写显示的文字，然后点击文字就可以跳转了！
效果是这样的:

仔细看还会发现一个问题，这两个链接显示的文字颜色不一样，这是因为什么？

因为第一个链接，也就是百度ÿ