HTML超文本标识语言基础教程

需积分: 7 0 下载量 173 浏览量 更新于2024-08-25 收藏 10.57MB PPT 举报
"这篇资源是一个关于HTML的练习教程,通过创建一个简单的网页示例,介绍如何设置自动跳转页面的功能。教程中提到的HTML代码展示了如何利用`<meta>`标签的`http-equiv="refresh"`属性来实现3秒后跳转到指定URL。此外,还提到了HTML的一些基础知识,包括HTML文档的编写方式、命名规范、文件结构以及HTML元素和属性的使用。" 在HTML(HyperText Markup Language)中,网页设计者可以通过编写HTML文件来创建超文本文档。HTML是一种标记语言,用于定义网页的结构和内容。文档通常以`.htm`或`.html`为扩展名,可以用简单的文本编辑器如记事本创建,也可以使用像Frontpage、Dreamweaver这样的可视化编辑器。HTML文件由一系列元素组成,这些元素以开始标记和结束标记对出现,例如`<body>`和`</body>`。 在网页文件命名时,需要注意以下几点: 1. 文件名应以`.htm`或`.html`结尾。 2. 不允许出现空格。 3. 禁止使用特殊字符,可使用下划线`_`,仅限英文和数字。 4. 文件名区分大小写。 5. 首页文件通常命名为`index.htm`或`index.html`。 HTML文件的结构主要包括`<html>`, `<head>`和`<body>`三个主要部分: - `<html>`元素是整个文档的根元素,包含了文档的全部内容。 - `<head>`元素包含与页面显示不直接相关的元数据,如标题`<title>`和`<meta>`标签,用于设置页面刷新、编码类型等。 - `<body>`元素则包含了网页实际展示的内容,如文本、图像、链接等。 在本教程的示例中,`<meta>`标签被用来实现3秒后自动跳转的效果。具体代码为: ```html <meta http-equiv="refresh" content="3;URL=http://www.sict.edu.cn/"> ``` `http-equiv="refresh"`告诉浏览器在content属性指定的时间(这里是3秒)后重新加载页面,`URL=http://www.sict.edu.cn/`则是跳转的目标地址。 HTML元素还可以拥有属性,例如`<p>`元素中的`align`属性,它用于设置段落的对齐方式。在示例中: ```html <p align="center">欢迎光临我的主页!</p> ``` `align="center"`将段落内容居中显示。 这个练习教程通过实例帮助学习者理解HTML的基本语法和特性,特别是如何实现页面的自动跳转,以及HTML元素和属性的使用。