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

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

先建一个文件夹,文件夹包含三个文件夹,三个文件夹分别包含各自的代码。(可以只建一个文件夹,文件夹包含各页面代码)

页面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:

http://www.lryc.cn/news/236380.html

相关文章:

  • 某大型房地产公司绩效面谈项目成功案例纪实
  • BGP联盟和团体属性实验
  • 代码随想录-刷题第二天
  • DAY59 503.下一个更大元素II + 42. 接雨水
  • 【如何将任何直流电机变成伺服电机】
  • 单片机语音芯片在工业控制中的应用优势
  • 【开源】基于Vue.js的高校实验室管理系统的设计和实现
  • Xrdp+内网穿透实现远程访问Linux Kali桌面
  • 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
  • Eclipse切换中文环境
  • 栈和队列概念
  • a标签下载文件与解决浏览器默认打开某些格式文件的问题
  • EasyCVR视频监控+AI智能分析网关如何助力木材厂安全生产?
  • 重命名com1.{d3e34b21-9d75-101a-8c3d-00aa001a1652}文件夹
  • springboot+activiti5.22.0集成Activiti在线流程设计器
  • pdf如何让多张图片在一页
  • 【C语言_题库】输入4个整数,要求按照从小到大的顺序输出
  • Cascade-MVSNet论文笔记
  • Linux调试器---gdb的使用
  • 【Dubbo】Dubbo负载均衡实现解析
  • 怎样备份电脑文件比较安全
  • python 计算最大回撤
  • Linux系统中常用的压缩与解压缩方法
  • 目标检测YOLO实战应用案例100讲-基于机器视觉的水稻病虫害监测预警(续)
  • 【星海随笔】redis 解析
  • 鸿蒙:实现两个Page页面跳转
  • C#有关里氏替换原则的经典问题答疑
  • 【每日一题】689. 三个无重叠子数组的最大和-2023.11.19
  • “开源 vs. 闭源:大模型的未来发展趋势预测“——探讨大模型未来的发展方向
  • 计算机网络——物理层-信道的极限容量(奈奎斯特公式、香农公式)