分享好友 最新动态首页 最新动态分类 切换频道
【HTML】超链接标签的使用
2024-12-26 15:59

目录

【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 地址的时间。


最新文章
淘宝已处理评价7个有什么影响
一、淘宝已处理评价7个有什么影响?在淘宝中,如果一个商家的评价数量达到7个并且已被处理,通常会有以下影响:1.信誉提升:评价数量的增加可以增加商家的信誉度。当商家的评价数量超过一定的阈值,并且这些评价已被处理,可能会对其他买家
百度词典搜索怎么用
  百度词典搜索的使用很简单,无论您是要查询英文的汉语解释,还是要查汉语的英文解释,或是查询汉语单字、词语、成语解释,均只需在一个搜索框内直接输入,按回车键或点百度一下按钮,即可得到您想要查询的内容。  百度词典搜索支持全
阿里巴巴seo排名优化(SEO文章排名优化)
阿里巴巴SEO排名优化 随着电子商务的快速发展,搜索引擎优化(SEO)已经成为提高网站流量和转化率的关键手段之一。作为国内知名的电商平台,阿里巴巴也十分重视SEO排名优化。本文将介绍阿里巴巴SEO排名优化的基本
不吹不黑!年均PUE 1.1的百度首个自建超大型数据中心是什么水平?
PUE 1.1如何炼成? 出北京沿京昆高速一直走,经过保定、石家庄即到山西阳泉,从地理位置、气候条件、网络设施和电价等因素上考量,阳泉不是传统意义上受青睐的数据中心选址地,百度第一个自建超大型数据中心
鲁大师手机在线观看视频教程:轻松学会手机优化
这些视频教程内容丰富,涵盖了手机优化的各个方面。比如,它会教我们如何清理手机内存,释放更多的存储空间;如何关闭不必要的后台程序,提高手机的运行速度;如何优化手机的电池管理,延长电池的使用寿命;如何设置手机的网络连接,提高网
漫画台app免费下载2025最新版
漫画台2025安卓最新版,是一款专为漫画追番打造的漫画资源整合软件,平台每日同步更新海量正版漫画,国漫、日漫,热血、武侠、玄幻、霸道、搞笑各种类别应有尽有,满足用户的多样化看漫画需求,高清漫画还支持离线下载没网也能看。漫画台20
百度指数的基本功能是什么
在当今数字化的时代,数据的价值愈发凸显,而百度指数作为百度公司推出的一款专业的互联网数据分析工具,其基本功能在帮助用户洞察网络舆情、把握市场动态、优化营销策略等方面发挥着重要的作用。百度指数的基本功能之一是关键词搜索热度监
落地香港,威盛AI助力工程机械安全升级!
  日前,威盛携威盛Mobile360 AI工程机械解决方案受邀参加由德利机械有限公司及德利机械控股有限公司(德利机械)举办的“新型智能机械安全简介会”,会场演示多元化的安全智慧工地系统(4S)产品,助力业界提升建筑业安全标准。  此次大会
苹果手机AI智能写作助手:一键生成学术论文、报告及创意文案软件解决方案
在数字化时代,智能写作助手的出现极大地提升了写作效率其对学术研究者、报告撰写者和创意文案工作者而言一款强大的智能写作软件更是如虎添翼。苹果手机以其特别的操作系统和强大的硬件性能,成为了众多写作爱好者的首选设备。本文将为您详
股票怎么打开?如何开始进行股票投资?
股票投资入门指南接下来,您需要开通一个证券账户。这就像是您进入股票市场的“通行证”。您可以选择传统的证券公司,也可以考虑在线券商平台。在选择时,要综合考虑手续费、服务质量、交易工具等因素。以下是一个简单的对比表格,帮助您了
相关文章
推荐文章
发表评论
0评