分享好友 最新动态首页 最新动态分类 切换频道
Html读书随记4-超链接
2024-12-26 23:56

超链接随处可见,可以说是网页中最常见的元素,如绿叶学习网的导航、图片列表等都用到了超链接,只要我们轻轻一点超链接,就会跳转到其他页面

Html读书随记4-超链接

超链接,英文名是hyperlink。每一个网站都由非常多的网页组成,而页面之间通常都是通过超链接来相互关联的。超链接能够让我们在各个独立的页面之间方便地跳转。

 a标签

在HTML中,我们可以使用a标签来实现超链接。

 

href表示你想要跳转到的那个页面的路径(也就是地址

文本超链接EXP

 

效果如图

图片超链接EXP

 

效果如图

 

target属性

默认情况下,超链接都是在当前浏览器窗口打开新页面的。在HTML中,我们可以使用target属性来定义超链接打开窗口的方式。

语法

 

target的取值属性有四种,如图

一般情况下,我们只会用到“_blank”这1个值,也只要记住这一个就够了,其他3个值不需要去深究。

在HTML中,超链接有两种:一种是外部链接,另外一种是内部链接。

首先,我们建立一个网站,网站名为“website2”,其目录结构如图

 

对于图中的3个页面,如果我们在page1.html单击超链接,跳转到page2.html或者page3.html,这种超链接就是内部链接。这是因为3个页面都是位于同一个网站根目录下的。

页面2

 

锚点链接

在HTML中,锚点链接其实是内部链接的一种,它的链接地址(也就是href)指向的是当前页面的某个部分。所谓锚点链接,简单地说,就是单击某一个超链接,它就会跳到当前页面的某一部分。

EXP

 

预览效果

我们分别单击“推荐文章”“推荐音乐”“推荐电影”这3个超链接,页面就会自动滚动到相应的部分。

想要实现锚点链接,需要定义以下2个参数。目标元素的id。a标签的href属性指向该id。其中,id属性就是元素的名称,这个id名是随便起的(一般是英文)。不过在同一个页面中,id是唯一的,也就是说一个页面不允许出现相同的id。道理很简单,你见过哪两个人的身份证号码是相同的呢?最后要注意一点,给a标签的href属性赋值时,需要在id前面加上“#”(井号,用来表示这是一个锚点链接。

很好理解,小伙伴可以自己在HBuilder X里试一下。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

最新文章
通信工程师:C网电信认证(题库版).docxVIP
通信工程师:C网电信认证(题库版)1、多选?基于RADIUS的远端接入环境一般由三个主要部件构成()。A.接入客户端B.网络接入服务器C.RADIUS服务器正确答案:A,B,C2、单选?投诉处理结果通过工单接(江南博哥)口进行传递,工单接口的形式为:
最强AI美女写真生成工具评测:用搜狐简单AI创造你的数字女友!
在这个充满科技和创造力的时代,美女写真不再是摄影师的专属特权。你是否曾幻想过拥有一款能够生成超逼真美女照片的AI工具?你渴望用自己的想象,把心中的女神通过科技变为现实吗?今天,我们就来深入探讨一款热门的AI生图工具——搜狐简单
购买笔记软件哪个便宜点
无论是日常生活还是工作学习中,大家都离不开笔记软件的支持。笔记软件是一款用于记录、整理和存储信息的工具,不同的产品有着不同的功能和特性,价格自然也不相同。那么哪个便宜呢,本文就为大家介绍一下为知笔记、思源笔记、Obsidian这三
犯太岁戴玉镯可以吗,犯太岁戴玉镯:能否带来好运?
女士犯太岁戴和田玉能够吗?和田玉作为一种被广泛用于佩戴和收藏的宝石一直以来都备受人们的推崇和喜爱。在传统的迷信观念中人们相信某些年份的生肖属于太岁的冲到了属于冲太岁的年份就需要特别留意自身的运势和健康以避免招惹不利之事。那
中国智慧政府行业市场动态分析及投资前景研判报告
​​本报告由智研咨询出品,经专业研究报告编撰团队实时监测与更新,最终得以呈现。报告研究基于研究团队收集到的大量一手和二手信息,研究过程综合考虑行业各种影响因素,包括市场环境、产业政策、历史数据、行业现状、竞争格局、技术革新
使用 5118 挖词工具时如何提高关键词挖掘的效率?
要提高使用 5118 挖词工具进行关键词挖掘的效率,可以考虑以下几点:1.明确目标和需求:在开始挖掘之前,清晰地确定您的业务目标、受众群体以及内容方向。这有助于更有针对性地选择关键词。2.精确输入核心关键词:确保输入的核心关键词能够
莉景天气
莉景天气,一般又称莉景天气预报。 全球特殊景观、天气服务类应用程序,支持近3000多个城市的朝霞、晚霞、云海、雾凇、星空、银河等16项特殊景观的预报、信息订阅、推送以及基础天气预报服务。更完善的预报功能、更贴心的场景化服务——莉
笔趣阁免费小说大全
随时随地的拿出你的掌上小说阅读神器大全,小说全部免费,想看就看。《笔趣阁免费小说大全》是一款非常不错的手机小说阅读软件。海量的小说资源收录在软件内,各种热门小说应有尽有。这个理有你喜欢的小说类型。所有的小说全部免费畅读,让
发那科驱动器报410错误代码(维修)找我们准没错
因此它们具有较低的惯性,因此可以实现比具有永磁转子的电机(例如步进电机)更​​高的加速度和速度,转子上没有磁铁也提供了其他好处--包括能够承受更高的温度(需要更少的冷却)和比永磁电机更简单,成本更低的结构。发那科驱动器报410错误
谷歌SEO中,网站分析工具有什么用?
在当今数字化时代,搜索引擎优化(SEO)已成为企业提升在线可见性、吸引潜在客户、提高网站流量和转化率的重要手段。而我,作为一个在SEO领域摸爬滚打多年的从业者,深知网站分析工具在谷歌SEO中的核心地位。它们不仅能帮助我们深入了解网
相关文章
推荐文章
发表评论
0评