HTML常用标签之超链接标签

最新推荐文章于 2024-03-31 09:22:00 发布

格子学前端

最新推荐文章于 2024-03-31 09:22:00 发布

阅读量1k

点赞数 15

分类专栏：前端 html 文章标签： html 前端 css3

本文链接：https://blog.csdn.net/m0_61794291/article/details/122388376

版权

前端同时被 2 个专栏收录

43 篇文章 5 订阅

订阅专栏

html

31 篇文章 1 订阅

订阅专栏

超链接标签<a>用于定义超链接，作用是从一个页面链接到另一个页面,超链接标签有几个属性比较重要，下面来简单介绍一下

1. href `<a href="跳转目标地址"></a>`

href用于指定链接目标的url地址，它是超链接标签的必须属性,简单用法如下

<!DOCTYPE html>
<html lang="en">
<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://www.baidu.com">跳转去百度</a>
</body>
</html>

点击下图中的跳转去百度即可实现页面跳转
在这里插入图片描述

2.target`<a href="" target="窗口弹出方式"></a>`

target用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开链接页面，具体使用如下~

<!DOCTYPE html>
<html lang="en">
<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://www.baidu.com" target="_blank">新开个页面去百度</a>
</body>
</html>

预览图如下~
在这里插入图片描述
见上图，点击超链接文本后，如果target属性为_blank，跳转页面将不会覆盖原页面，而是重新弹出一个新的页面

格子学前端

关注

15
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
HTML常用标签之超链接标签

超链接标签<a>用于定义超链接，作用是从一个页面链接到另一个页面,超链接标签有几个属性比较重要，下面来简单介绍一下1. href <a href="跳转目标地址"></a>href用于指定链接目标的url地址，它是超链接标签的必须属性,简单用法如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-eq
复制链接

扫一扫