【HTML】超链接标签的使用

   日期:2024-12-26    作者:59e4c 移动:http://mip.riyuangf.com/mobile/quote/45972.html

目录

【HTML】超链接标签的使用

前言

一、超链接是什么

1.简单示例

        我将展示几种常见的几种链接示例,以及运行结果。

2.语法结构

扩展

总结


        超链接在本质上属于网页的一部分,它是一种允许我们同其他部分也或者站点之间进行连接的元素。各个网页链接在一起之后才能构成一个网站。


        超链接可以是一个字、一个词或者是一副图像。将鼠标移动到网页中的某个超链接上时,鼠标箭头会变为个小手。可以说超链接是web页面和其他媒体的重要区别之一。

      默认情况下,链接将以以下形式出现在浏览器中

  • 一个未访问过的链接显示为蓝色字体并带有下划线。
  • 访问过的链接显示为紫色并带有下划线。
  • 点击链接时,链接显示为红色并带有下划线。

二、HTML超链接语法

我将展示几种常见的几种链接示例,以及运行结果。

文本链接:作为最常见的连接类型之一,它使用<a>元素讲一段文本转化为可以点击的链接。

代码如下(示例

 
 

运行截图如下

点击后结果

这个代码使用了‘target’所以会再生成一个新的窗口,详细请看下面的语法结构。

图像链接:您还可以使用图像作为链接。在这种情况,<a>元素包围着<img>元素。

代码如下(示例

注意:我这里引号里面使用了的两个小点是因为我的代码文件和我的图片文件在两个文件夹里面,所以我用两个点来退到主文件夹。

运行截图如下

点击后结果

锚点链接:除了链接到其他网页外,您还可以在同一页面内创建内部链接,这称为锚点链接。要创建锚点链接,需要在目标位置使用 <a> 元素定义一个标记,并使用#符号引用该标记。

代码如下(示例

运行截图如下

就比如我要找到刚才代码中大的444,那我们就可以点击锚点链接传送过去。如下

这时候第一排数字就变成了444,有兴趣的话你们自己可以是试试。

下载链接如果您希望链接用于下载文件而不是导航到另一个网页,可以使用 download 属性。

代码如下(示例

这里因为用的不多就不过多介绍了

   

邮箱链接

这里面的邮箱可以是自己的或别人的,都可以

1. 如图所示

 <a>元素有以下属性

        href:指定连接目标的URL,这是链接最重要的属性。简单来说就是你所要到一个地方的地址,可以是一个网页的的链接、本地文件的位置或者是其他文件的链接。

        target:指定链接如何在浏览器中打开,以下是一些常用值

这是一些邮箱的参数,资料来源于菜鸟教程。

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

密件抄送

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



特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号