HTML链接和锚点学习---第四天

最新推荐文章于 2024-04-25 11:14:38 发布

容露俞德

最新推荐文章于 2024-04-25 11:14:38 发布

阅读量470

点赞数

分类专栏：初识HTML VS Code 文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_44762145/article/details/117285645

版权

HTML链接和锚点设置

一.超链接标签

1.1链接的语法格式

1.1.1通过使用 href 属性 - 创建指向另一个文档 / 网页的链接

1.1.2通过使用 name 属性 - 创建文档内的书签（也就是锚点设置）

一.超链接标签

1.1链接的语法格式

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

我们通过使用 <a> 标签在 HTML 中创建链接，a就是anchor，意为锚，语法格式如下：

<a href="链接目标">文字/按钮/图像。。。</a>

href属性规定链接目标，可以是该文档中的某一位置，也可以跳转到其他网页，开始标签和结束标签中间的文字等会以超链接的样式来显示。

链接标签的属性
属性	作用
href	用于指定链接目标的URL地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式

有两种使用 <a> 标签的方式：

通过使用 href 属性 - 创建指向另一个文档 / 网页的链接
通过使用 name 属性 - 创建文档内的书签（也就是锚点设置）

1.1.1通过使用 href 属性 - 创建指向另一个文档 / 网页的链接

链接方式：

1.外部链接：一般是链接到其他网站上，以http://为标准

<!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>链接标签</title>
</head>

<body>
    <a href="https://www.baidu.com/">外部链接---百度</a>
</body>

</html>

当我们点击这段链接的时候，就会自动把我们送到href指定的网站中去

但是这时候大家会发现，网页会在原网页上打开百度窗口，但是如果我们想保留原窗口

最低0.47元/天解锁文章

容露俞德

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML链接和锚点学习---第四天

HTML链接和锚点设置一.超链接标签1.1链接的语法格式超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。我们通过使用 <a> 标签在 HTML 中创建链接，a就是anchor，意为锚，语法格式如下：<a href="链接目标">文字/按钮/图像。。。</a>href属性规定链接目标，可以是该文档中的某一位置，也可以跳转到其他网页，开始标签和结束标签中间的文字等会以超链接的样式来显示
复制链接

扫一扫