社区
CSS
帖子详情
进入htm页经过若干时间自动跳转到另外的htm页如何实现？我记得在里面有个什么标识可以做到，是这样吗...
childlyn
2004-02-25 01:03:42
<link="XX.html" refresh 后面是多长时间跳转什么的吧>？怎么写？
...全文
114
回复
打赏
收藏
进入htm页经过若干时间自动跳转到另外的htm页如何实现？我记得在<head>里面有个什么标识可以做到，是这样吗...
？怎么写？
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
htm
l入门到放弃笔记
HTM
L + JavaScript + Ajax + CSS 赵旭 zhaoxu@tedu.cn
HTM
L5 1、WEB基础知识(了解) 1、Internet - 网 由
若干
台电脑、手机、平板 通过 网线(WIFI) 连接起来的结构 2、基于Internet上的程序 1、C / S 结构 Client / Server 特点：必须通过指定的客户端软件才能访问服务器端的一种程序 ：如 ：桌面版QQ，... ... 2、B / S 结构 Browser / Server Browser ：浏览器 特点：通过 浏览器 就能访问服务器端的一种程序 如 ：网
页
版百度，网
页
版 QQ，网
页
版 京东，... ... 3、WEB 1、什么是WEB WEB，是基于Internet上的一种应用程序(网
页
应用程序) WEB
页
面，简称WEB
页
(网
页
)，就是保存在服务器端上的一个具体的
页
面( **.
htm
l / **.
htm
作为结尾的文件) 2、WEB浏览器 1、功能 1、提交用户请求 (UA : User Agent) 2、作为
HTM
L 以及 脚本执行的 解释器 3、以图形化的方式显示web
页
面 2、主要浏览器产品 1、Microsoft Internet Explorer (IE) 2、Mozilla Firefox 3、Google Chrome 4、Apple Safari 5、Opera Opera(欧朋) 3、主要技术 1、
HTM
L 2、CSS 3、Javascript 2、
HTM
L入门(重点) 1、什么是
HTM
L Hyper Text Markup Language 超级 文本 标记 语言 超文本 ：也是文本，但会具备特殊功能 普通文本 a : 普通字符 a 超文本 a : 表示超链接 普通文本 b : 普通字符 b 超文本 b : 加粗显示文本 标记 ：超文本的表现形式 普通文本 a : a 超文本 a : 语言 ：具备一定的语法规范
HTM
L 也具备自己的语法规范 WEB
页
面(
HTM
L
页
面)就是由
HTM
L 语言来进行开发的 ，以 .
htm
l 或 .
htm
进行结尾的文件 开发 & 运行网
页
的工具： 1、记事本 2、浏览器 2、
HTM
L 的基础语法 1、标记语法
HTM
L中用于描述功能的符号称为"标记" 标记在使用时，用尖括号 "",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法：内容 Demo ： 1、创建 p 标记 --... 2、创建 div 标记 -- 3、创建
head
er 标记 -- <
head
er></
head
er> 2、非封闭类型的标记 也称为 "单标记" 语法： 或 Demo ： 1、创建 br 标记 -- 2、创建 hr 标记 -- 3、创建 img 标记 -- 4、创建 input 标记 -- <input/> 2、标记(元素)的嵌套 在一对标记中，允许出现另外一对(一个)标记 注意：嵌套标记的书写格式 -- 被嵌套的标记要通过一个 缩进键(Tab) 来表示层级关系 Demo : 1、编写一对 body 标记，在body标记中，嵌套一对 div标记，在 div 标记中 ，嵌套一对 a 标记，在 a标记中，嵌套一对 b 标记，b标记中，随意编写一些文本 <body> 这是一段测试文本 </body> 3、标记的属性 1、什么是属性 用来修饰标记的效果的内容，就是属性 2、语法 1、属性必须声明在开始标记中 2、属性与标记名称之间，用 空格 隔开 3、属性的值 与 属性之间 使用 "=" 连接 4、一个元素允许有多属性，多属性间，排名不分先后，中间用 空格 隔开即可 Demo : 1、创建一个 div 标记 ，增加属性 ，设置 align 属性的值为 center ，设置 id 属性的值为 container，设置 title 属性的值为 这是一个div 四大标准属性： 1、id ：定义元素在
页
面中独一无二的名称 2、title ：鼠标悬停在元素上时，体现的文字 3、class ：引用 类选择器时使用(CSS中) 4、style ：定义 内联方式方式使用(CSS中) 4、注释 语法：<!-- --> 注意： 1、注释不能嵌套 2、注释不能出现在标记中 3、
HTM
L 文档结构 W3C ：Word Wide Web Consortium (万维网联盟) 1、
HTM
L文档的组成 1、文档类型声明 告知浏览器当前的
HTM
L文档用的是哪个版本 在网
页
的最顶端 2、由一对
htm
l 根标记，来表示
页
面的开始与结束 Demo : 1、在 htdoc 中，创建一个网
页
01-first.
htm
l 文件 创建一个 记事本，将 .txt 重命名为 .
htm
l 2、搭建
HTM
L网
页
结构 1、添加 文档类型声明 2、添加
htm
l 根标记 2、<
htm
l> 标记 包含两对子元素 1、<
head
></
head
> 包含的子元素(2对) 1、<title>网
页
的标题</title> 2、<meta charset="utf-8"/> -- 能正常显示中文 2、<body></body> 属性： 1、text ，取值是一个颜色值(red,green,blue...) 2、bgcolor ，取值也是一个颜色值 Demo : 在刚才的 Demo 基础上 1、在 <
htm
l>中 增加 <
head
> 和 <body> 2、为网
页
指定标题 - 我的第一个
HTM
L文档 3、指定网
页
的字符编码格式为 utf-8 4、在 body 中 输出一句话 "我的第一
HTM
L
页
面" 5、设置 body text为red，bgcolor为yellow 3、文本 1、特殊文本的
实现
页
面的空格以及一些特殊字符需要通过转义字符的方式体现 1、 表示一个空格 2、< 表示 4、© 表示© Demo : 1、创建一个
页
面 02-text.
htm
l 2、在
页
面中 输出以下内容 The element. ©2017 By Tarena The <p> element. © By Tarena 2、文本样式相关标记 : 加粗 : 斜体 : 下划线 : 删除线 : 上标 : 下标 Demo ： 这是一段包含 ，粗体，斜体，下划线，删除线，上标，下标的文本内容 将以上文本内，对应文字的特殊效果，用标记体现出来 3、标题元素 以 醒目 的方式表现出文本 语法： 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 属性： 1、align 文本的水平对齐方式 取值：left / center / right 4、段落元素 语法： 属性：align : left / center / right Demo : 1、在 02-text.
htm
l 中，增加以下内容 1、用 段落标记表示 :The first paragraph 2、用 段落标记表示 :The second paragraph ，文本表现为 右对齐 5、换行元素 6、分割线元素 作用：在
页
面中表现为一条直线 语法： 属性： 1、size 尺寸，以 px 为单位的数值 2、width 宽度，以 px 或 % 为单位的数值 3、align 水平对其方式 4、color 颜色 Demo ： 02-text.
htm
l 中 增加一根水平线，size为5px，宽度为50%，居中对齐，颜色为红色(red) 7、预格式化 作用：保留源文档中的回车 和 空格 的作用 8、分区元素 1、块分区元素 语法： 作用：布局 2、行内分区元素 语法： 作用：设置同一行文字内的不同样式 9、行内元素 与 块级元素 按照元素们的表现形式来分类，分为 行内元素 和 块级元素1、行内元素 在一行内允许显示多个元素的，称为 "行内元素" span,i,b,s,u,sup,sub 作用：包裹文本，并处理文本的表现形式 2、块级元素 每个元素独占一行显示的，称为 "块级元素" div,p,h1,h2,h3,h4,h5,h6 作用：布局 注意： 1、p标记不能嵌套其它的块级元素 2、行内元素中 最好 不要嵌套块级元素 4、图像 和 链接 1、URL 目录结构 ： 目录 ，保存文件的文件夹名称 多个文件夹之间的关系，就是目录结构 1、什么是 URL URL (Uniform Resource Locator)，统一资源定位器。用来
标识
某资源文件的位置 2、URL 在 WEB 中的表现形式 共三种表现形式： 1、绝对路径 特点：从文件所在的最高级目录处开始查找资源文件所经过的路径，就是绝对路径 使用场合：当想访问互联网上的资源时，只能用绝对路径 完整的绝对路径分四部分： 1、协议名 http 2、域名(主机名，IP地址) www.codeboy.com 3、目录路径 img/
head
er 4、文件名 logo.png http://www.codeboy.com/img/
head
er/logo.png img/
head
er/logo.png 2、相对路径(重点) 场合：使用本机文件时使用 什么是相对路径： 从当前文件位置处开始查找资源文件所经过的路径，就是相对路径 1、同目录，直接用 2、子目录，先
进入
3、父目录，先返回 3、根相对路径 路径形式是以 / 作为开始的。 / : 表示的是服务器的根路径 2、图像 1、图像格式 WEB中支持的图像格式 1、*.jpg 2、*.gif(动图) 3、*.png(透明) 2、图像的语法 标记： 属性： 1、src ：指定要显示图像的 URL 2、width ：图像的宽度 3、height ：图像的高度 4、title ：鼠标悬停时，要显示的文本 Demo : 1、将 学子网的 logo 下载下来 2、显示在自己的网
页
中 3、超链接 1、语法 标记：内容 属性： 1、href : 要链接的
HTM
L
页
面URL 2、target : 目标，指定新网
页
的打开形式 取值： 1、_blank : 在新标签
页
中打开网
页
2、_self : 在自身标签
页
中打开新网
页
(默认值) Demo 1、创建一个超链接，内容为 ：学子商城，点击时，在自身标签
页
中 打开 http://www.codeboy.com 2、创建一个超链接，内容为 ：学子商城的LOGO，点击时，在新标签
页
中打开 http://www.codeboy.com 2、链接的四种表现形式 1、点击操作时，完成资源下载的操作 链接的资源为 zip / rar 时则为下载操作 下载 2、电子邮件链接 联系我们 前提 ： 必须在计算机中安装并配置好至少一个邮件客户端的信息 3、返回
页
面顶部的空连接 返回顶部 4、执行Javascript代码片段 执行JS 3、锚点 1、作用 锚点用于在网
页
中的某个位置处做个记号,允许从其他位置处
跳转
到记号位置处 2、使用方式 1、定义锚点 1、使用 a 标记的 name 属性允许定义锚点 xxxx 2、任何标记的 id 属性定义锚点 2、链接到锚点 链接到锚点 链接到锚点 5、表格 1、表格 1、表格的作用 按照一定的格式来显示数据的 表格是由 单元格(列)，行 来组成的 2、表格的语法 1、标记 1、 : 表示一个表格 2、 : 表示表格中的一行 3、 : 表行中的一列(单元格) : 行/列 标题 (加粗，水平居中) 4、 : 表格的标题 该元素必须添加在 之下，所有的tr之上 2、常用属性 1、table 1、width 2、height 3、align 设置表格的对齐方式 ， left / center / right 4、border 边框宽度，取值以 px 为单位的数值 5、bgcolor 6、cellspacing ：单元格外边距(单元格与单元格 或 单元格与表格之间的距离) 7、cellpadding : 单元格内边距(单元格与内容之间的距离) 2、tr 1、align 控制当前行内容的水平对齐方式 2、valign 控制当前行内容的垂直对齐方式 top / middle / bottom 3、bgcolor 3、td / th 1、align 2、valign 3、width 4、height 5、colspan ：跨列 6、rowspan ：跨行 Demo : 在 刚才的表格基础上，增加以下内容 1、为表格增加边框 1px 2、为表格增加尺寸 400 * 400 3、为表格增加单元格内边距 5px 4、为第四行 增加属性 ，内容水平居中对齐 3、表格的复杂应用 1、行分组 允许将
若干
行划分到一个组中，以便
实现
统一管理 1、表头行分组 允许将第一行的内容单独分到表头行分组中 2、表尾行分组 允许将最后一行的内容单独分到表尾行分组中 3、表主体行分组 2、不规则表格创建 通过 td 的跨行 和 跨列来
实现
不规则的表格 1、跨列 从指定单元格位置处开始，横向向右，合并掉几个单元格(包含自己),被合并掉的单元格，要删除 2、跨行 从指定单元格位置处开始，纵向向下，合并掉几个单元格(包含自己),被合并掉的单元格，要删除 3、表格的嵌套 被嵌套的所有的内容，只能放在 td 中 2、列表 1、作用 按照一定的格式显示数据 2、列表的分类 & 语法 1、列表的组成 由列表类型 以及 列表项 来组成 2、分类 & 语法 1、有序列表 --> Order List 允许包含
若干
列表项： --> List Item 2、无序列表 --> Unorder List 允许包含
若干
列表项： 3、属性 1、ol 1、type 1 、按数字方式排列,默认值 a 、按小写英文方式排列 A 、按大写英文方式排列 i 、按小写罗马数字排列 I 、按大写罗马数字排列 2、start 指定
标识
从 几 开始显示 2、ul 1、type 1、disc，实心圆,默认值 2、circle，空心圆 3、square，实心矩形 4、none 3、列表的嵌套 被嵌套的内容只能放在 li 中 Demo : 1、声明一个列表在
htm
l 中(有序)，包含两个列表项，显示 两部小说的名字 2、在两个列表项中，再各嵌套一个无序列表，各写3-4个小说中的主角 3、定义列表 1、作用 以一种特殊的结构来排列数据 通常用语对一类事物/名词 的解释上面 2、语法 ：声明一个定义列表 ：声明要解释的事物名称 或 名词 ：对上述名词或事物解释的内容 3、常用场合 图文混排 3、结构标记 1、结构标记的作用 搭建网
页
的结构(布局),用于替代 div，最大的优点是提升了标记的"语义性" 2、结构标记详解 1、<
head
er></
head
er> 作用：表示网
页
或 某块内容的头部 2、 作用：表示网
页
中的 导航内容 3、 作用：表示网
页
主体内容中的某一部分 4、 作用：出现在文字描述性比较强的场合:一则新闻，论坛中的帖子，微博信息，博客的信息 5、 作用：表示网
页
中，或某部分内容的 边栏信息 6、 作用：表示网
页
中尾部的信息 4、表单(难点) 1、表单的作用 用于收集用户的信息并提交给服务器 表单主体是由两部分组成的 1、表单元素 收集信息，并提交给服务器 2、表单控件 用于与用户交互的一些元素：文本框，密码框 2、表单元素(难点) 标记：<form></form> 注意：只有放在 <form></form>
里面
的表单控件的值，才能提交给服务器 属性： 1、action 提交给服务器处理程序的地址 (动作) 2、method 提交方式，以什么样的方式把数据交给服务器 1、get 特点： 1、以明文的方式将数据传递给服务器(提交的数据会显示在地址栏上) 2、安全性很低 3、提交数据最大限制为 2KB 4、向服务器要数据时可以使用 2、post 特点： 1、以隐式的方式将数据传递给服务器 2、安全性很高 3、不限制提交数据的大小 4、要提交数据给服务器处理时使用 3、... ... 3、enctype 作用：指定表单数据进行编码的方式 取值： 1、application/x-www-form-urlencoded 默认值，允许将任意类型的文本提交给服务器 2、multipart/form-data 允许将文件提交给服务器 3、text/plain 不对任何数据进行编码和传输 Demo : 1、创建 05-form.
htm
l 2、声明一个表单元素 form 3、指定提交地址为 login.php,提交方式为 get，编码方式为默认 3、表单控件 表单元素分类： 1、input元素 2、textarea 多行文本域 3、select 和 option 选项框 4、其它元素 5、新input元素 详解 ： 1、input元素
里面
会包含
若干
个不同的表单控件 标记 ：<input> 属性 ： 1、type 根据不同的type属性值，可以创建不同的input元素 2、name 定义表单控件的名称，主要提交给服务器使用的 注意：如果不声明name属性的话，元素则无法提交给服务器 3、value 定义当前控件的值，主要提交给服务器使用的 4、disabled 禁用控件，无值的属性 <input disabled> 2、文本框 与 密码框 文本框：<input type="text"> 密码框：<input type="password"> 具备除以上四个属性外，还具备以下几个独立属性： 1、maxlength 限制输入的字符数，取值为数字 2、readonly 只读，无值属性 Q : readonly 和 disabled 的区别 1、readonly ，是只读的意思，是允许提交给服务器，不让用户改数据而已 2、disabled ， 是禁用的意思，不仅不让用户改数据，而且还不能提交给服务器 3、placeholder 占位符，即默认显示在文本框用于给用户提示的文字 3、按钮 1、提交按钮 作用：将表单提交给服务器 标记：<input type="submit" value="显示的文本"> 2、重置按钮 作用：将表单恢复到初始化的状态 标记：<input type="reset" value="显示的文本"> 3、普通按钮 作用：通过 JS 自定义功能 标记：<input type="button" value="显示的文本"> 4、显示的内容 属性： 1、type ：submit / reset / button 4、单选按钮 和 复选框 单选按钮：<input type="radio"> 复选框：<input type="checkbox"> 属性： 1、name 设置名称，并用于分组，一组单选按钮 或 复选框的名称必须相同 2、value 必须设置 3、checked 默认被选中，无值属性 5、隐藏域 和 文件选择框 1、隐藏域 <input type="hidden" name="" value=""> 想提交给服务器，但不想给用户看的数据，可以放在隐藏域中 2、文件选择框 <input type="file" name=""> 注意： 1、form的 method 属性值必须为 post 2、form的 enctype属性值必须为 multipart/form-data http://localhost/02-
HTM
L/Day02/login.php?uname=wenhua.li&upwd=bingbing http://localhost/02-
HTM
L/Day02/login.php?uname=wenhua.li&upwd=fengjie&gender=1&question=0&question=1&question=2&question=3 http://localhost/02-
HTM
L/Day02/login.php?uname=wenhua.li&upwd=fdsafdsafdsa&gender=0&question=0&question=1&question=2&question=3&uid=10000567789 1、表单 1、form ... 2、input ... 3、textarea 控件 标记：<textarea></textarea> 属性： 1、name 定义名称，提交给服务器使用 2、cols 指定文本域的列数，变相指定宽 3、rows 指定文本域的行数，变相指定高 4、readonly 只读 Demo : 创建 01-form.
htm
l 文件 创建一个 多行文本域，列数为 50，行数为 5，名称为 intro 4、选项框 1、标记 表示 下拉列表 或 滚动列表 列表中的内容，允许出现多个 2、属性 1、 1、name ：控件的名称 2、size ：默认显示选项的数量，默认为1，为下拉列表，如果取值>1的话，则为滚动列表 3、multiple 设置多选，无值的属性 2、 1、value ：选项的值，提交给服务器用 2、selected ：默认被选中 5、其它标记 1、label 元素 作用：关联文本与表单控件的，点击文本时就如同点击表单控件一样 标记：文本 属性： 1、for 指定要关联的表单控件的ID值 2、为控件分组 分组标题 分组中的内容 3、浮动框架 1、作用 将其他
页
面导入到当前
页
面中来 2、语法 标记：<iframe></iframe> 属性： 1、src 要引入的
页
面的url 2、frameborder 指定浮动框架的边框，默认为1，则显示边框 不需要边框则设置为 0 3、width 4、height 练习： 创建一个 02-iframe 的网
页
，将 01-form.
htm
l
页
面引入进来 ，适当调整宽度，高度，边框 6、新input元素 (
HTM
L5) 1、电子邮件类型 作用：提交时会验证数据是否符合Email的规范 标记：<input type="email"> 2、搜索类型 作用：在文本框的基础上，提供了快速清除操作 标记：<input type="search"> 3、URL类型 作用：提交时会验证数据是否符合Web站点的URL规范(绝对路径) 标记：<input type="url"> 4、电话号码类型 作用：在移动端设备中，能展开 拨号键盘，在PC中无效 标记：<input type="tel"> 5、数字类型 作用：只能让用户输入 或 选择数字 标记：<input type="number"> 属性： 1、min ：当前控件接受的最小值 2、max ：当前控件接受的最大值 3、step ：微调数字时每次变化的长度,默认为1 6、范围类型 作用：提供一个滑块，让用户选择数字 标记：<input type="range"> 属性： 1、min ：当前控件的最小值 2、max ：当前控件的最大值 3、value ：设定初始值 7、颜色类型 作用：提供一个颜色拾取控件 语法：<input type="color"> 8、日期类型 作用：提供一个日期输入控件 标记：<input type="date"> 9、周类型 作用：提供一个日期控件，用于选取周 标记：<input type="week"> 10、月份类型 作用：选取月份控件 标记：<input type="month"> =============================
人工智能（PythonWeb）——
HTM
L
目录 参考源码：https://github.com/hilqiqi0/AI/tree/master/3.Web/
htm
l 一、WEB 1、什么是WEB 2、WEB的组成 & 运行流程 3、WEB服务器 4、WEB浏览器 二、
HTM
L概述 1、
HTM
L介绍 和 基本语法 三、
HTM
L 基础语法（重点） 1、标记的语法 ...
HTM
L基本介绍与操作
一，
HTM
L介绍
HTM
L，全称是超文本标记语言（HyperText Markup Language），它是一种用于创建网
页
的标记语言。标记语言是一种将文本（Text）以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的计算机文字编码。与文本相关的其他信息（包括例如文本的结构和表示信息等）与原来的文本结合在一起，但是使用标记（markup）进行
标识
。 二，开发环境 市面上有很多...
HTM
L 知识点总结
一、
HTM
L简介
HTM
L 俗称网
页
，就是我们打开浏览器访问任何一个网站所看到的都是由
HTM
L
页
面提供的（或者与
HTM
L 技术相关的内容提供）。 人-普通人 超人
HTM
L 全称为 HyperText Markup Language，被译为超文本标记语言。所谓的超文本就是不仅只有文本内容，包括链接、音频和视频、图像等内容。所谓标记语言，简单来说就是元素。也就是说，
HTM
L 提供一系列的元素...
01-
HTM
L基础
一、
HTM
L概述 1、
HTM
L：超文本标记语言 注： （1）静态网
页
的扩展名：.
htm
l、.
htm
（2）动态网
页
的扩展名：.asp、.jsp、.aspx、.php 2、
HTM
L标签不区分大小写，但建议小写。所有内容都使用标签完成，不是标签的，浏览器会作为纯文本来解析（
HTM
L解析引擎中只认标签） 注： （1）标签与标签之间是可以嵌套的，但先后顺序必须保持一致 （2）操作思想：对数...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章
发帖
与我相关
我的任务
分享
