当前位置： 首页 > news >正文

网页开发如何实现简易页面跳动/跳转，html课堂练习/作业，页面ABC的相互跳转

news 2026/5/24 7:47:14
先建一个文件夹，文件夹包含三个文件夹，三个文件夹分别包含各自的代码。(可以只建一个文件夹，文件夹包含各页面代码)

页面1的代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><body>
<body style="background:yellow;">
<ul><li><a href="#" target="A">页面A</a></li><li><a href="../../2/B/B.html">页面B</a></li><li><a href="../../3/C/C.html ">页面C</a></li>
</ul>
<h1>这是页面1</h1>
</body>
</html>

页面2的代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><body>
<body style="background:pink;">
<ul><li><a href="../../1/A/A.html" >页面A</a></li><li><a href="#">页面B</a></h2></li><li><a href="../../3/C/C.html ">页面C</a></li>
</ul>
<h1>这是页面2</h1>
</body>
</html>

页面3的代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><body>
<body style="background:cyan;">
<ul><li><a href="../../1/A/A.html">页面A</a></li><li><a href="../../2/B/B.html">页面B</a></li><li><a href="#">页面C</a></li>
</ul>
<h1>这是页面3</h1>
</body>
</html>

运行其中一个代码（例如运行页面2的代码）

Edge浏览器运行结果：

点击页面1：

再点击页面3：

相关文章：

网页开发如何实现简易页面跳动/跳转，html课堂练习/作业，页面ABC的相互跳转

先建一个文件夹&#xff0c;文件夹包含三个文件夹&#xff0c;三个文件夹分别包含各自的代码。(可以只建一个文件夹&#xff0c;文件夹包含各页面代码) 页面1的代码&#xff1a; <head> <meta http-equiv"Content-Type" content"text/html; charsetu…...

编程日记 2023/11/20 10:34:40

某大型房地产公司绩效面谈项目成功案例纪实

——开展有效的绩效面谈&#xff0c;促进和完善管理工作 【客户行业】房地产行业&#xff1b;国有企业 【问题类型】绩效面谈改进 【客户背景】 某大型房地产公司是某国企集团的省级分公司&#xff0c;集团公司现拥有北京、上海、广州、山东等8大区域公司&#xff0c;现有员…...

编程日记 2023/11/20 10:33:38

BGP联盟和团体属性实验

目录 一、实验拓扑 二、实验要求 三、实验步骤 1、IP地址配置 2、ospf配置 3、BGP建邻 4、宣告网段 5、配置团体属性 一、实验拓扑 二、实验要求 1、按照图示配 IP 地址&#xff0c;R2&#xff0c;R3&#xff0c;R4&#xff0c;R5分别配 Loopbacke 口地址作为OSPF的Ro…...

编程日记 2023/11/20 10:32:37

代码随想录-刷题第二天

977. 有序数组的平方 题目链接&#xff1a;977. 有序数组的平方 思路&#xff1a;双指针思想&#xff0c;数组是有序的且含有负数&#xff0c;其中元素的平方一定是两边最大。定义两个指针&#xff0c;从两端开始向中间靠近&#xff0c;每次比较两个指针的元素平方大小&#…...

编程日记 2023/11/20 10:31:36

DAY59 503.下一个更大元素II + 42. 接雨水

503.下一个更大元素II 题目要求&#xff1a; 给定一个循环数组&#xff08;最后一个元素的下一个元素是数组的第一个元素&#xff09;&#xff0c;输出每个元素的下一个更大元素。数字 x 的下一个更大的元素是按数组遍历顺序&#xff0c;这个数字之后的第一个比它更大的数&am…...

编程日记 2023/11/20 10:28:33

【如何将任何直流电机变成伺服电机】

【如何将任何直流电机变成伺服电机】 1 前沿2 伺服电机工作原理3 如何制作定制伺服电机4 AS5600 编码器 – 磁性旋转位置传感器5 定制伺服电机电路图6 PCB设计7 自定义伺服3D模型8 定制伺服齿轮箱的 3D 打印零件9 对控制器进行编程9.1 引导加载程序刻录9.2 代码上传9.3 源代码9…...

编程日记 2023/11/20 10:27:32

单片机语音芯片在工业控制中的应用优势

单片机语音芯片&#xff0c;这一智能化的代表产品&#xff0c;不仅在家庭和消费电子领域发挥着重要的作用&#xff0c;更为工业控制领域注入了新的活力。将单片机语音芯片与语音交互技术相结合&#xff0c;为工业设备的控制和监测提供了前所未有的解决方案。 首先&#xff0c;…...

编程日记 2023/11/20 10:25:30

【开源】基于Vue.js的高校实验室管理系统的设计和实现

项目编号&#xff1a; S 015 &#xff0c;文末获取源码。 \color{red}{项目编号&#xff1a;S015&#xff0c;文末获取源码。} 项目编号&#xff1a;S015&#xff0c;文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、研究内容2.1 实验室类型模块2.2 实验室模块2.3 实…...

编程日记 2023/11/20 10:21:27

Xrdp+内网穿透实现远程访问Linux Kali桌面

XrdpCpolar实现远程访问Linux Kali桌面 文章目录 XrdpCpolar实现远程访问Linux Kali桌面前言1. Kali 安装Xrdp2. 本地远程Kali桌面3. Kali 安装Cpolar 内网穿透4. 配置公网远程地址5. 公网远程Kali桌面连接6. 固定连接公网地址7. 固定地址连接测试 前言 Kali远程桌面的好处在于…...

编程日记 2023/11/20 10:20:24

【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】

&#x1f468;‍&#x1f4bb;博客主页&#xff1a;花无缺 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】&#x1f30f;题目描述&#x1f30f;输入格…...

编程日记 2023/11/20 10:19:21

Eclipse切换中文环境

PACK包链接 地址&#xff0c;进入后可以看到不同版本的包。 要选择跟自己Eclipse版本一致的包&#xff0c;比如我的Eclipse启动界面如下&#xff0c;我就要找Helios的包&#xff08; Juno、Indigo、Helios、Kepler这些具体怎么划分的我也不清楚&#xff09;。 在线安装 打…...

编程日记 2023/11/20 10:18:20

栈和队列概念

栈stack 栈只能在一端插入/删除元素先入后出只能从栈顶插入&#xff0c;栈顶删除栈底不允许插入和删除push&#xff1a;进栈pop&#xff1a;出栈应用场景&#xff1a; 队列 Queue 队列的插入操作称为 “入队”&#xff08;Enqueue&#xff09;&#xff0c;是在队尾进行的&am…...

编程日记 2023/11/20 10:17:18

a标签下载文件与解决浏览器默认打开某些格式文件的问题

前言 在实际项目中&#xff0c;我们通常会遇到这么一个需求&#xff1a;后端给前端返回一个任意文件类型的完整的url路径&#xff0c;前端拿到这个路径直接通过浏览器下载文件到本地。我想大家应该都会首先想到使用HTML中的<a>标签&#xff0c;&#xff0c;因为<a>…...

编程日记 2023/11/20 10:16:17

EasyCVR视频监控+AI智能分析网关如何助力木材厂安全生产？

旭帆科技有很多工厂的视频监管方案&#xff0c;小编也经常分享出来供大家参考。近期&#xff0c;又有伙伴后台私信我们想要关于木材厂的方案。针对木材厂的生产过程与特性以及安全风险等&#xff0c;我们来分享一下相关的监管方案&#xff1a; 1&#xff09;温湿度监测&#xf…...

编程日记 2023/11/20 10:15:16

重命名com1.{d3e34b21-9d75-101a-8c3d-00aa001a1652}文件夹

今天在win10系统上&#xff0c;发现一个名称为: com1.{d3e34b21-9d75-101a-8c3d-00aa001a1652} 的文件夹&#xff0c;该文件夹很奇怪&#xff0c;既不能手动删除&#xff0c;也不能手动给文件夹重命名&#xff0c;如图(1)所示&#xff1a; E:\EncodeOne\hello\Thumbs.ms\com1.…...

编程日记 2023/11/20 10:14:15

springboot+activiti5.22.0集成Activiti在线流程设计器

SpringBoot集成Activiti5.22在线流程设计器 文章目录 SpringBoot集成Activiti5.22在线流程设计器&#x1f4dd;1.增加配置pom依赖 增加数据库及redis配置文件&#x1f4dc; 2.启动类ActivitiDesignApplication排除安全校验注解启动项目后将会自动在数据库中生成表 &#x1f4d8…...

编程日记 2023/11/20 10:10:11

pdf如何让多张图片在一页

pdf保存为一页六张图片的方法是&#xff1a; 1、打开pdf查看器,打开文档。 2、点击【打印】图标进入打印程序&#xff0c;选择打印范围。 3、在【打印处理】选项,选择【每张张上放置多页】。 4、自定义每页放置的图片张数为六张&#xff0c;并对打印排版预览设置。 5、设置打印…...

编程日记 2023/11/20 10:09:10

【C语言_题库】输入4个整数，要求按照从小到大的顺序输出

题目 输入4个整数 要求按照从小到大的顺序输出 书上的学习辅导答案 // 主要部分 int main(){int t,a,b,c,d;printf("请输入四个数:");scanf("%d,%d,%d,%d"...

编程日记 2023/11/20 10:08:09

Cascade-MVSNet论文笔记

Cascade-MVSNet论文笔记 摘要1 立体匹配&#xff08;Stereo Matching&#xff09;2 多视图立体视觉&#xff08;Multi-View Stereo&#xff09;3 立体视觉和立体视觉的高分辨率输出4 代价体表达方式&#xff08;Cost volume Formulation&#xff09;4.1 多视图立体视觉的3D代价…...

编程日记 2023/11/20 10:07:07

Linux调试器---gdb的使用

顾得泉&#xff1a;个人主页 个人专栏&#xff1a;《Linux操作系统》 《C/C》 键盘敲烂&#xff0c;年薪百万&#xff01; 一、gdb的背景 gdb&#xff0c;全称为GNU调试器&#xff08;GNU Debugger&#xff09;&#xff0c;是一个功能强大的源代码级调试工具&#xff0c;主要…...

编程日记 2023/11/20 10:05:06

混沌系统预测极限：稀疏观测、数据同化与混沌同步的信息门槛

1. 项目概述&#xff1a;从稀疏观测中预测混沌 在天气预报、湍流模拟乃至金融系统分析中&#xff0c;我们常常面临一个核心难题&#xff1a;如何利用有限、稀疏且带有噪声的观测数据&#xff0c;去准确预测一个高维、非线性的混沌系统未来的演化&#xff1f;这就像试图通过几个…...

编程新知 2026/5/24 6:24:57

LVF时序变异分析：原理、应用与EDA工具支持

1. 什么是LVF&#xff08;Liberty Variance Format&#xff09;&#xff1f;在芯片设计领域&#xff0c;时序分析是确保电路性能符合预期的重要环节。Liberty Variance Format&#xff08;LVF&#xff09;是一种用于描述时序变异的新方法&#xff0c;它解决了传统Stage Based O…...

编程新知 2026/5/24 5:45:19

基于拓扑数据分析的脑电信号特征提取与癫痫样放电检测

1. 项目概述&#xff1a;从高维脑电信号到可解释的拓扑特征在神经科学和临床神经病学领域&#xff0c;脑电图&#xff08;EEG&#xff09;分析一直是诊断癫痫等神经系统疾病的核心手段。其中&#xff0c;发作间期癫痫样放电&#xff08;Interictal Epileptic Discharges, IEDs&…...

编程新知 2026/5/24 5:41:16

ReFS文件系统数据恢复实战：对比DiskGenius，为什么refsutil在Server 2019上更靠谱？

ReFS文件系统数据恢复深度解析&#xff1a;专业工具对比与实战指南在企业级存储环境中&#xff0c;ReFS&#xff08;弹性文件系统&#xff09;因其强大的数据完整性和容错能力而备受青睐。然而当灾难发生时&#xff0c;如何高效恢复ReFS分区中的数据成为存储工程师面临的关键挑…...

编程新知 2026/5/24 3:30:39

LLM可观测性实战：生产环境AI应用的监控体系建设

为什么LLM应用的监控与传统软件完全不同 传统软件监控关注的核心指标很清晰&#xff1a;响应时间、错误率、吞吐量、CPU/内存使用率。这些指标背后的系统行为是确定性的——同样的输入&#xff0c;永远产生同样的输出。LLM应用打破了这个假设。面对同样的用户输入&#xff1a;-…...

编程新知 2026/5/24 2:28:18

神经纹理：让3D世界“活”起来的AI魔法，一篇讲透！

神经纹理&#xff1a;让3D世界“活”起来的AI魔法&#xff0c;一篇讲透&#xff01; 引言&#xff1a;从“贴图”到“思考”的纹理革命 想象一下&#xff0c;一个虚拟角色不仅能动&#xff0c;其皮肤还能随着情绪微微泛红、在阳光下呈现真实的汗渍光泽——这不再是电影特效的…...

编程新知 2026/5/24 1:25:11

【Web安全】-企业资产信息收集（1）：信息收集介绍，域名信息收集，主域名查询，ICP备案号查询，备案实体查询，工业和信息化部政务服务平台查询，怎样收集

&#x1f986; 个人主页&#xff1a;深邃- ❄️专栏传送门&#xff1a;《C语言》《数据结构与算法》《Web安全》 &#x1f31f;Gitee仓库&#xff1a;《C语言》《数据结构与算法》 特此声明&#xff1a;本次信息收集均在日期授权时间内收集&#xff0c;并且都将所有人员信息打…...

编程新知 2026/5/23 23:53:12

汽车12V电源防护：P6KE TVS二极管选型、设计与实战指南

1. 项目概述&#xff1a;汽车电源线上的“隐形保镖”在汽车电子系统的设计里&#xff0c;12V直流电源线是整车的能量动脉&#xff0c;从蓄电池到ECU&#xff08;发动机控制单元&#xff09;、从车身控制器到娱乐系统&#xff0c;几乎所有的电子模块都离不开它。但这条“动脉”所…...

编程新知 2026/5/23 20:45:25

Taotoken 的 Token Plan 套餐如何帮助我们预测并锁定开发成本

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Taotoken 的 Token Plan 套餐如何帮助我们预测并锁定开发成本 作为项目管理者&#xff0c;确保研发预算的可预测性是保障项目平稳推…...

编程新知 2026/5/23 20:10:43

【Anaconda】使用指南及问题汇总（自用）

安装 1. Anaconda的下载与安装 除了安装路径修改&#xff0c;其他的一路默认就好 2. Anaconda修改环境变量 因为我们这一步才手动添加环境变量&#xff0c;所以第一步安装的时候不要让它自动配置环境变量了。 用户变量或者系统变量都可以。建议系统变量&#xff0c;方便后…...

编程新知 2026/5/23 19:45:25