前端学习6:HTML链接_html超链接代码-程序员宅基地

技术标签: 学习  前端  HTML  html  

目录

一、HTML超链接(链接)

二、HTML链接语法

 三、target属性

 target属性值展示

四、name属性

 五、补充

 关于创建电子邮件链接时如何发送邮件内容

在进行抄送时,需要使用关键字:cc

在进行密送时,需要使用关键字:bcc


一、HTML超链接(链接)

在 HTML 中,我们使用 <a> 标签来表示超链接。. 超链接(Hyperlink)是网页中最常见的元素之一,整个互联网都是基于超链接而构建的。

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

我们通过使用<a>标签在HTML中创建链接。

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

1.通过使用href属性 - 创建指向另一个文档的链接

2.通过使用name属性 - 创建文档的书签

二、HTML链接语法

HTML链接代码如下:

<a href="url">Link taxt</a>

href属性规定链接的目标,开始标签和结束标签之间的文字被作为超级链接来显示。 

 三、target属性

使用Target属性,你可以定义被链接的文档在何处显示。

以下展示在型新窗口打开文档:

<a href="http://www.baidu.com/" target="_blank">百度</a>

 

 target属性值展示

属性值 功能
_blank 在新窗口中浏览新的页面
_self 在同一个窗口打开新的页面
_parent 在父窗口中打开新的页面
_top 以整个浏览器作为窗口显示新页面

 补充:target默认值是"_self"显示在当前窗口

四、name属性

name属性规定锚(anchor)的名称。

您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示,它对读者是不可见的。

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

命名锚的语法:

<a name="label">锚(显示在页面上的文字)</a>

可以用id代替name,效果一样

示例

 提示:如果文本内容在一个界面上可以显示,href的跳转就没有意义,只针对于多元素

 五、补充

 关于创建电子邮件链接时如何发送邮件内容

在进行邮件内容发送时,需要使用关键字: mailto

示例:

<a href="mailto:[email protected]?

    subject=这是邮件的主题&body=这是邮件的内容"

    rel="nofollow">普通发送邮件</a><br />

    <a href="mailto:[email protected]?

    [email protected]&[email protected]"

    rel="nofollow">带抄送密送发送邮件</a>

这样会调启系统默认的邮件程序发送给 [email protected],并且收件人那里已经填上了我邮箱的地址。

关于创建电子邮件链接时如何进行抄送,密送.

在进行抄送时,需要使用关键字:cc

英文名称:Carbon Copy,又简称为 CC。在网络术语中,抄送就是将邮件同时发送给收信人以外的人,用户所写的邮件抄送一份给别人,对方可以看见该用户的 E-mail。同收件人地址栏一样,不可以超过 1024 个字符。一般来说,使用"抄送"服务时,多人抄送的电子邮件地址使用 ; 分隔。

在进行密送时,需要使用关键字:bcc

英文名称:Blind Carbon Copy ,又称“盲抄送”,和抄送的唯一区别就是它能够让各个收件人无法查看到这封邮件同时还发送给了哪些人。密件抄送是个很实用的功能,假如一次向成百上千位收件人发送邮件,最好采用密件抄送方式,这样一来可以保护各个收件人的地址不被其他人轻易获得,二来可以使收件人节省下收取大量抄送的 E-mail 地址的时间。

参数说明:

参数 描述
mailto:[email protected] 邮件接收地址
cc=[email protected] 抄送地址
bcc=[email protected] 密件抄送地址
subject=subject text 邮件主题
body=body text 邮件内容
? 第一个参数分隔符
& 其他参数分隔符

补充: 多个邮件地址用;隔开,空格用%20代替。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_62029216/article/details/130088885

智能推荐

Prometheus监控,生产可用告警规则(可获取主机名)_prometheus yaml 设置 nodename 主机名字-程序员宅基地

文章浏览阅读5.6k次,点赞2次,收藏6次。以下是生产环境中prometheus.rules.yml告警规则用例,在此记录一下,相关信息已做脱敏处理。有需要的小伙伴可以直接拷贝使用。groups: - name: 成都服务器告警 rules: - alert: 服务器宕机告警 expr: up == 0 for: 2m labels: region: 成都 annotations: summary: "{{$labels.instance}} 宕_prometheus yaml 设置 nodename 主机名字

正确安装 cuda, cudnn-程序员宅基地

文章浏览阅读156次。再根据安装的cuda版本、cudnn名称中包含的信息,确定要下载的cudnn版本。根据系统、架构、机器最大支持的cuda版本确定要下载的cuda版本;末尾加上对应版本的cuda路径。下载cuda的.run版本,

GB文件下载脚本_gb688下载脚本-程序员宅基地

文章浏览阅读3.2k次。国标文件下载代码脚本_gb688下载脚本

rk3399 安装 postgresql(交叉编译)_postgresql aarch64交叉编译-程序员宅基地

文章浏览阅读989次。文章目录平台SDK路径交叉编译1. zlibbuild.shrun.sh编译输出2. opensslbuild.shrun.sh编译输出3. postgresqlbuild.shrun.sh编译输出安装平台rk3399ubuntu 16.04 x64SDK路径/data/project/rockchip/fireflyrk3399/src需要去掉firefly交叉编译1. zlibbuild.sh#! /bin/bashif [ ! -f ./zlib-1.2.11.tar.xz_postgresql aarch64交叉编译

最轻量级前端模板Micro-Templating, 源码解析-程序员宅基地

文章浏览阅读970次,点赞27次,收藏13次。前端模板,react, vuejs都有其影子,今天一起来逐行分析jQuery创始人John Resig的最轻量级前端模板Micro-Templating。

Endnote 插入文献时显示 无法编辑range - “Cannot edit range 及解决方法_endnote引用中文显示无法编辑-程序员宅基地

文章浏览阅读1.2k次。Endnote 插入文献时显示 无法编辑range - “Cannot edit range 及解决方法_endnote引用中文显示无法编辑

随便推点

从内核驱动到android app_inux驱动为android提供接口-程序员宅基地

文章浏览阅读5.1k次,点赞8次,收藏10次。了解android驱动开发。_inux驱动为android提供接口

Unity3D技术栈-程序员宅基地

文章浏览阅读308次,点赞7次,收藏5次。这款引擎支持多种编程语言,包括C#、UnityScript和Boo,使得开发者可以根据自己的习惯和需求选择合适的工具。同时,Unity3D还提供了丰富的API和工具集,包括物理引擎、动画系统、音频处理、UI设计等,使得开发者能够轻松地构建出高质量的游戏和应用程序。它以其强大的功能、友好的界面和高效的性能,赢得了广大开发者的青睐。但Unity3D的魅力远不止于此,它更是一个完整的技术栈,涵盖了从游戏设计到最终发布的每一个环节。它以其强大的功能、友好的界面和高效的性能,为开发者提供了从设计到发布的全方位支持。

工控: WinCC之OPCUA 使用总结_wincc opc ua服务器设置-程序员宅基地

文章浏览阅读1.6k次。4. 将 C:\Program Files\Siemens\WinCC\opc\UAWrapper\PKI\CA\rejected\certs\ OPC.SimaticNET.S7.der。拷贝到 C:\Program Files\Siemens\WinCC\opc\UAWrapper\PKI\CA\certs 并且安装。3. wincc变量管理 -> opc -> opc groups -> opc条目管理器 -> opc ua 服务器 -> 浏览服务器。_wincc opc ua服务器设置

逍遥模拟器配合fiddler爬取抖音视频!开源免费!_逍遥模拟器 哪个版本支持抖音-程序员宅基地

文章浏览阅读4.4k次,点赞3次,收藏16次。## 五、总结:**(1)抖音属于手机APP,电脑上没有办法直接得到访问路径请求,需要下载fiddler链接抓取包! fiddler配置及下载信任证书并信任!(2)下载模拟器,模拟手机操作抖音,fiddler实时监控模拟器上的动作,得到请求地址! 模拟器上下载fiddler证书并信任,模拟器上下载抖音,模仿手机操作, !让抖音平台认为是用户手机浏览操作(3)分享得到的地址中的josn数据包中的数据,找到自己想要的数据! awenm_list----->{}----->video-_逍遥模拟器 哪个版本支持抖音

用Grub启动ISO镜像-程序员宅基地

文章浏览阅读1.3k次。用Grub启动ISO镜像如果你想要使用多个Linux发行版,你没有那么多的选择。你要么安装到你的物理机或虚拟机中,要么以live模式从ISO文件启动。第二个选择,对硬盘空间需求较小,只是有点麻烦,因为你需要将ISO文件写入到U盘或CD/DVD中来启动。不过,这里还有另外一个可选的折中方案:把ISO镜像放在硬盘中,然后以live模式来启动。该方案比完全..._grub启动做iso

宝塔面板快速配置网站SSL证书(HTTPS),2024年最新互联网java工程师面试突击第三季下载-程序员宅基地

文章浏览阅读252次,点赞3次,收藏3次。既然是要面试,那么就少不了刷题,实际上春节回家后,哪儿也去不了,我自己是刷了不少面试题的,所以在面试过程中才能够做到心中有数,基本上会清楚面试过程中会问到哪些知识点,高频题又有哪些,所以刷题是面试前期准备过程中非常重要的一点。2.通过宝塔给网站配置的ssl证书默认是通用的,因此不同的网站需要不同的安全证书,同时配置的这些安全证书都会放进证书夹里,无须重复配。然后选择其他证书(也可以是宝塔ssl、let’s Encrypt的证书,我是从腾讯云购买的ssl证书,个人觉得比较权威),原创文章,转载请注明出处!