整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
信
51rgb
网页自动跳转页面的代码在很多时候都非常的有用，下面的是两个简单的例子。仅供参考。
方案一，用<meta>里直接写刷新语句：
<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="5;url=http://www.51rgb.com">
<title>html网页自动跳转代码--西农大网站</title>
</head>
<body>
测试：html网页自动跳转代码<br/>
你可以在这里写下你想的一切东西！<br />
如：西北农林科技大学是一所985、211院校。<br />
</body></html>
方案二，用javascript脚本来跳转
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入西农大网站</title>
</head>
<body>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">正在进入，请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
<inputtype=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
<script>
var bar=0
var line="||"
var amount="||"
count
function count{
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count",100);}
else
{window.location =http://www.51rgb.com;}
}</script>
</p>
</form><p align="center">
测试：html网页自动跳转代码<br/>
你可以在这里写下你想的一切东西！<br />
如：西北农林科技大学是一所985、211院校。<br /><br />
如果您的浏览器不支持跳转,<astyle="text-decoration: none" href="http://www.mycodes.net
"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>
↓↓↓
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML 链接
如何在HTML文档中创建链接。
(可以在本页底端找到更多实例)
HTML 超链接（链接）
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
默认情况下，链接将以以下形式出现在浏览器中：
一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时，链接显示为红色并带有下划线。
注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。
HTML 链接语法
链接的 HTML 代码很简单。它类似这样：:
<a href="url">链接文本</a>
href 属性描述了链接的目标。.
实例
<a href="http://www.runoob.com/">访问菜鸟教程</a>
上面这行代码显示为：: 访问菜鸟教程
点击这个超链接会把用户带到菜鸟教程的首页。
提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性
使用 target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：
实例
<ahref="http://www.runoob.com/"target="_blank">访问菜鸟教程!</a>
HTML 链接- id 属性
id属性可用于创建在一个HTML文档书签标记。
提示: 书签是不以任何特殊的方式显示，在HTML文档中是不显示的，所以对于读者来说是隐藏的。
实例
在HTML文档中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：
<a href="#tips">访问有用的提示部分</a>
或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：
<a href="http://www.runoob.com/html/html-links.html#tips">
访问有用的提示部分</a>
基本的注意事项 - 有用的提示
注释： 请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.runoob.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.runoob.com/html/"。
图片链接
如何使用图片链接。
在当前页面链接到指定位置
如何使用书签
跳出框架
本例演示如何跳出框架，假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）
建电子邮件链接 2
本例演示更加复杂的邮件链接。
HTML 链接标签
| 标签 | 描述 |
|---|---|
| <a> | 定义一个超级链接 |
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
节课来学习超链接实现页面间的跳转。
这是百度的首页，当把鼠标指针滑到百度热搜的文章上，指针形状由箭头变成了小手，点击鼠标左键，会打开一个新的页面，展示这篇热搜文章的内容。
这个功能是如何实现的呢？就是使用超链接。
什么是超链接？当鼠标划入文本时，文字变成蓝色，同时添加了下滑线，这就提示浏览者这不是普通的文本而是可点击的链接。
这个文本被称作 HyperText 意为超文本，这个术语是由泰德-纳尔逊在20世纪60年代提出，是使互联网发挥作用的关键概念之一，超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
超链接就像像桥梁建立了 不同页面之间的联系，实现了访问不同网站中的页面，有了它 就可以在互联网的世界中自由穿梭。
超链接实现通过标准的双标签 a， a 是anchor单词的缩写，是锚的意思，要实现跳转功能必须携带一个属性href ，它是Hypertext Reference 的缩写，意为超文本引用，href的值是目标页面的地址，和图片的 src 属性类似。可以使用相对和绝对路径，标签对内的内容为显示在页面中的文本。
我们来实现一个页面跳转的案例。
打开编辑器，新建文件 anchor.html，向页面中插入两个 a 标签，给每个 a 标签中填入一些显示的文本，千锋教育、千锋前端。
第一个 a 标签定义 href 属性 值为千锋教育的网址(http://www.qfedu.com/) 第二个标签不定义任何属性
在浏览器中打开，两个都表现出来了，可两个标签表现出来的样式明显不同，带有 href 属性的 a 标签文本。 默认样式是蓝色的，并且带有下划线效果。没有 href 属性的 a 标签文本，就没有这些样式了。
鼠标指针划入千锋前端指针的形状仍然是一个小箭头，点击鼠标也没有任何的响应。 鼠标指针划入千锋教育，指针的形状变成了小手，点击鼠标左键的时候。页面跳转到了千锋教育的官网。
需要注意，跳转的目标页面地址，如果是一个网址，需要带上 http://前缀，否则就不能实现页面跳转。
可是当点击超链接的文本时，页面是在原来的窗口中打开的。在点击 百度热搜 的一篇文章上时，会打开一个新的浏览器窗口，页面在新的窗口里显示。
如何实现这个效果？需要给 a 标签添加一个新的属性 target，这个属性的作用是：定义超链接页面打开方式，值定义为 _self，表示链接的目标页面在当前窗口中打开，值定义为 _blank，表示链接的目标页面在新的浏览器窗口中打开。
回到编辑器，给第一个 a 标签添加 target 属性，属性值设置成 _self。回到浏览器，刷新点击千锋教育，仍然在当前窗口中打开，可以看出 _self 就是也是超链接 target 的默认值。
回到编辑器，把 target 的值设置成 _blank，刷新页面，再次点击，页面在新窗口中打开了。
使用超链接跳转页面——完。
文章配套视频链接：
「链接」
*请认真填写需求信息，我们会在24小时内与您取得联系。
