HTML多个界面跳转以及界面内跳转

最新推荐文章于 2024-06-28 10:17:09 发布
最新推荐文章于 2024-06-28 10:17:09 发布
阅读量2.8k 收藏 24
点赞数
原文链接：http://www.cnblogs.com/mary-chrisima/p/6940138.html
版权

1.主页

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>主页</title>
</head>

<img src="image\logo.gif">
<br/><br/><br/>
&nbsp;<a href="BENET.html" style="color:#669; font: '微软简魏碑';">登录</a>&nbsp;|
&nbsp;<a href="xinwen.html">新闻</a>&nbsp;|
&nbsp;<a href="chanpin.html">产品</a>&nbsp;|
&nbsp;<a href="one.html">服务</a>&nbsp;|
&nbsp;<a href="one.html">更多</a>&nbsp;|
<img src="image\email.gif">
<br/><br/><br/><br/><br/><br/>
<div class="text" style="text-align:center">

BENET公司2016<br/>
地址：北京<br/>
电话：111111传真：11111<br/>
copyringht&copy;2016&nbsp;bennet&nbsp;right&nbsp;reserve
</div>

</body>
</html>

运行：

 

2.登录

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登陆</title>
</head>

<img src="image\logo.gif">
<br/>

<h3>BENET公司客户登陆</h3>
<h5>用户名：<img src="image\kuang.jpg"></h5>
<h5>密码：<img src="image\kuang.jpg"></h5>
<body>
<a href="one.html">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="one.html">找回密码</a>
<br/><br/>
<a href="zhuye.html">返回首页</a><br/><br/>
<div class="text" style="text-align:center">

BENET公司2016<br/>
地址：北京<br/>
电话：111111传真：11111<br/>
copyringht&copy;2016&nbsp;bennet&nbsp;right&nbsp;reserve
</div>

</body>
</html>

运行：

 

3.新闻

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>新闻</title>
</head>

<img src="image\logo.gif">
<br/><br/><br/>
<div style="float:left">
<font face="微软简魏碑">最新新闻：</font></div>

<a href="zhuye.html">返回首页</a>
<br/>
<ul type="circle">
<li><a href="one.html">新闻1</a></li>
<li><a href="one.html">新闻2</a></li>
<li><a href="one.html">新闻3</a></li>
<li><a href="one.html">新闻4</a></li>
<li><a href="one.html">新闻5</a></li>
<li><a href="one.html">...</a></li>

<body>
<br/>
<div class="text" style="text-align:center">

BENET公司2016<br/>
地址：北京<br/>
电话：111111传真：11111<br/>
copyringht&copy;2016&nbsp;bennet&nbsp;right&nbsp;reserve
</div>
</body>
</html>

</html>

 

运行：

 

 4.产品

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>产品</title>
</head>
<a name="DB"><img src="image\logo.gif"></a><br/><br/><br/>
<body>
<font face="微软简魏碑" size="+2">产品目录：</font>
<br/>
&nbsp;<a href="#P1">产品1</a>&nbsp;|
&nbsp;<a href="#P2">产品2</a>&nbsp;|
&nbsp;<a href="#P3">产品3</a>&nbsp;|
&nbsp;<a href="#P4">产品4</a>&nbsp;|
&nbsp;<a href="#P5">产品5</a>&nbsp;|<a href="zhuye.html">返回首页</a>
<br/>
<br/>
<font face="微软简魏碑" size="+2">产品列表：</font><br/>
<font><a name="P1">产品1</a></font>
<a href="#DB">返回顶部</a>
<p>描述</p>
<br/><br/>
<font><a name="P2">产品2</a></font>
<a href="#DB">返回顶部</a>
<p>描述</p>
<br/><br/>
<font><a name="P3">产品3</a></font>
<a href="#DB">返回顶部</a>
<p>描述</p>
<br/><br/>
<font><a name="P4">产品4</a></font>
<a href="#DB">返回顶部</a>
<p>描述</p>
<br/><br/>
<font><a name="P5">产品5</a></font>
<a href="#DB">返回顶部</a>
<p>描述</p>
<br/><br/>
<div class="text" style="text-align:center">

BENET公司2016<br/>
地址：北京<br/>
电话：111111传真：11111<br/>
copyringht&copy;2016&nbsp;bennet&nbsp;right&nbsp;reserve
</div>
</body>
</html>

运行：

 

 

 

注：

多页面锚节点实现：把跳转地址加上路径即可

 

转载于:https://www.cnblogs.com/mary-chrisima/p/6940138.html

weixin_30469895
关注
  • 0
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何在一个html写多个页面跳转,Html --- Footer 多页面应用跳转
weixin_29332867的博客
06-03 1388
首页分类购物车我的页面嵌套的思路：1、对底部导航数据的配置---- 配置数据 (注入数据 识别数据)2、页面嵌套 for循环 添加数据3、焦点状态更改+页面跳转【难点】---- 这里不能直接用click跳转页面 要引入插件 这就是单页面应用和多页面也应的区别//单vue文件必须这样写export default{data(){return{ }}}// 官方文档解释 如果是单页面应用 可能会在多个...
html中显示多窗口页面
聪明的编译器
07-03 7281
一.为什么要使用多窗口??使用Frames结构设计的HTML文件，能够将整个窗口分成几个独立的小窗口，每一个窗口可分别载入不同的文件，令人高兴的是，每个窗口是可以相互沟通的二.多窗口(1).基本结构 　　　 　　　 　　　...(2).各窗口尺寸的设置我们将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，每一块的大小可以由这两个属性的值来实现。 　　 　例：
Django(四)_HTML页面跳转，数据传递
qq_38175040的博客
05-23 2271
一.Templates 当需要使用template模板页面时，Django不光会在当前app下查找Template文件夹下的模板文件，他会查找整个Django项目下的所有Template文件夹下的模板文件。 但如果两个不同app下有同名模板文件呢，为了避免这种情况： 在app下新建这样一段目录，将HTML文件都存放在此处，这样就不会出现查错的情况了 补充一下我们创建的这个html，改名成index.html吧，因为之前的view跳转就是跳的index <!DOCTYPE html> <
页面跳转的几种方法
最新发布
(黎子)人生编码
06-28 2321
HTML5 History API 允许我们操作浏览器的会话历史记录（session history），它包括和方法，以及popstate事件。
网页设计实现三个页面的跳转，有文字、图片和超链接
木头博客
04-02 1万+
网页设计实现三个页面的跳转，有文字、图片和超链接 直接来干活吧，哈哈 可作为摸板 一、实现效果 二、源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style tyle="html"> img{ width: 300px; height: 200px; }
【简单html静态网页代码】 基于HTML仿oppo手机商城电商项目的设计与实现6个页面
而风不止
12-19 1635
1网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。
多个页面跳转
weixin_44810052的博客
12-31 462
安卓Intent跳转： 条件：从A页面跳转到B页面，B页面跳转到C页面，C页面的值回传给A页面，实现以下流程。 package com.example.myapplication; import android.content.Context; import android.content.Intent; import android.os.Bundle; import android.view....
Qt多界面跳转解决方案
05-17
本教程将专注于如何在Qt环境中实现多个界面之间的有效跳转，同时保持主窗口的稳定状态。 首先，理解Qt中的界面主要由QMainWindow、QWidget、QDialog等类构成。QMainWindow通常作为主窗口，提供菜单栏、工具栏和状态...
python wxpython 实现界面跳转功能
09-18
在设计GUI应用程序时，常常会有多个窗口或面板需要交互展示，例如在登录界面之后显示主界面，或者在完成某个操作后显示新的信息。在wxPython中，由于其事件驱动的性质，一个窗口通常会在另一个窗口之前关闭，而不会...
winform界面跳转
02-12
尽管题目没有明确提及菜单，但嵌套菜单系统可以帮助组织和导航多个界面。在实际应用中，可以结合使用MenuStrip控件和TabControl，为用户提供层次化的操作选项。 总的来说，WinForm界面跳转和Table页面的实现涉及到...
HRM.rar_MFC界面跳转
09-21
现在，我们将深入探讨MFC界面跳转以及与数据库交互的相关知识点。 1. MFC界面跳转： 在MFC中，界面跳转通常通过消息映射（Message Mapping）和命令处理函数来实现。当用户点击按钮或选择菜单项时，相应的消息会被...
简单的html实例（多页面跳转）
03-03
做了一个简单的html页面，包含7个页面，用了混合框架，很适合初学者学习使用。
pyqt5使用按钮进行界面的跳转方法
09-19
总的来说，无论使用哪种方法，实现PyQt5中的界面跳转主要涉及以下步骤： 1. 创建窗口类，继承自`QMainWindow`或`QWidget`。 2. 在窗口中添加按钮控件。 3. 连接按钮的`clicked`信号到相应处理函数或槽，如显示新窗口...
多个Html+Css+JavaScript精美界面，可做毕业设计或者大作业登录界面
2301_78627004的博客
03-12 393
文章目录1.简单登录页2.樱花3d动态翻转界面3.模拟阿里云网盘界面4.bootstrap博客界面5.简单登录界面6.玻璃界面7.尼尔-机械纪元 1.简单登录页 2.樱花3d动态翻转界面 3.模拟阿里云网盘界面 4.bootstrap博客界面 5.简单登录界面 6.玻璃界面 7.尼尔-机械纪元
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
html页面间的跳转及导航栏制作
cnds123的专栏
07-15 1万+
html页面间的跳转及导航栏制作技术：通过链接进行页面跳转，通过按钮进行页面跳转
html中多个网页的跳转页面,Html --- Footer 多页面应用跳转
weixin_26808023的博客
06-03 1136
首页分类购物车我的页面嵌套的思路：1、对底部导航数据的配置---- 配置数据 (注入数据 识别数据)2、页面嵌套 for循环 添加数据3、焦点状态更改+页面跳转【难点】---- 这里不能直接用click跳转页面 要引入插件 这就是单页面应用和多页面也应的区别//单vue文件必须这样写export default{data(){return{ }}}// 官方文档解释 如果是单页面应用 可能会在多个...
子页面调父页面方法_HTML页面跳转的5种方法
weixin_39620252的博客
01-02 1762
下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。1) html的实现<head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 --> ...
HTML实现页面跳转
weixin_44162158的博客
10-12 7390
要用到两个页面，第一个显示密码和提交按钮，若密码正确，则跳转到另一个页面（第二个页面）。第二个页面中放入几张图片即可。 one： <!DOCTYPE html> <html> <head> <style> .login{ width:350px; height:200px; position:absolute; left:50%; ...
android studio 界面跳转传递带多个参数
09-08
在Android Studio中，可以通过使用Intent对象在界面之间传递多个参数。下面是一个示例： 首先，在发送界面中创建一个Intent对象，并使用`putExtra()`方法将多个参数传递给要跳转到的界面。例如： ```java Intent intent = new Intent(SendActivity.this, ReceiveActivity.class); intent.putExtra("param1", "value1"); intent.putExtra("param2", 1234); intent.putExtra("param3", true); startActivity(intent); ``` 在上述示例中，我们将三个参数传递给ReceiveActivity界面，参数名分别为param1、param2和param3，参数的值分别是"value1"、1234和true。 接下来，在接收界面中获取传递的参数。在ReceiveActivity的`onCreate()`方法中，使用`getIntent().getExtras()`方法获取传递的参数Bundle对象，然后通过`getString()`、`getInt()`或`getBoolean()`等方法从Bundle中获取具体的参数值。例如： ```java Bundle extras = getIntent().getExtras(); if(extras != null){ String param1 = extras.getString("param1"); int param2 = extras.getInt("param2"); boolean param3 = extras.getBoolean("param3"); // 使用获取到的参数值进行操作 } ``` 在上述示例中，我们通过getString()、getInt()和getBoolean()方法分别获取了param1、param2和param3的具体值。 注意：如果传递的参数值是自定义对象（例如一个自定义的Parcelable对象），需要实现对应的接口（如Parcelable）并在发送和接收界面之间传递该自定义对象。 通过以上方法，我们可以在Android Studio中实现界面之间的多个参数传递。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值