5、a标签（跳转链接标签）

雪花酥01

已于 2024-08-08 09:01:48 修改

阅读量223

点赞数 3

分类专栏： # html 大前端文章标签：前端 html css

于 2024-08-08 08:55:10 首次发布

本文链接：https://blog.csdn.net/shuozai1204/article/details/141016733

版权

大前端同时被 2 个专栏收录

164 篇文章 0 订阅

订阅专栏

html

20 篇文章 0 订阅

订阅专栏

<a href="需要跳转的地址（可以是网络地址，也可以是本地地址【采用相对路径】）" title="鼠标悬停后出现的提示" target="跳转方式（如果不加为默认，默认为在当前窗口打开，加上属性'_blank'为在新窗口打开）">【单独出现：单标签】（行元素：多个元素可以同一行显示，不可以设置宽高）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a标签</title>
</head>
<body>
<a href="http://www.baidu.com" title="我是百度一下">百度一下</a>
<a href="https://www.bilibili.com/" style="width: 200px;height: 200px;background-color: pink">1111111</a>
<!-- a标签同一行显示 不可以设置宽高 是行元素 -->
<br>
<!--
    a标签如果暂时没有地址，点击会有刷新现象，用户体验不好
    解决办法：javascript:; 就会阻止页面刷新
 -->
<a href="#">我是a标签</a>
<br>
<a href="http://www.baidu.com" title="我是百度一下" target="_blank">百度一下</a>
<br>
<a href="./02标题标签.html">我想跳转到02标题标签</a>
<img src="./images/pic.jpg" alt="">
</body>
</html>

注：a标签如果暂时没有地址，点击会有刷新现象，用户体验不好。可以设置为'#'，会阻止页面刷新。