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

需积分: 9 185 浏览量更新于2024-07-17 收藏 4.52MB PPT 举报

"东北大学html.ppt" HTML，全称HyperText Markup Language，是一种用于创建网页的标准标记语言。它通过一系列的标记来描述网页的结构和内容，这些标记以尖括号包围，例如 `<html>`、`<head>` 和 `<body>`。HTML 的主要功能是使文本具备超文本特性，如链接、图像、表格、列表等，从而构建出丰富的网页内容。 HTML 基本语法主要包括以下几个方面： 1. **标记语法** - **单标记**：如 `<br>`，它表示换行，不需要结束标记。 - **双标记**：如 `<p>内容</p>`，包含始标记和尾标记，始标记告诉浏览器开始解析特定功能，尾标记则指示结束。 2. **属性语法** - **属性**：标记可以拥有属性来提供更多定制化信息，例如 `<img src="image.jpg" alt="图片描述">` 中的 `src` 和 `alt` 就是属性，分别指定图片源和替代文本。 - **属性值**：属性后面可以跟属性值，如 `<hr size=3 align=left width="75%">`，`size`、`align` 和 `width` 是属性，`3`、`left` 和 `"75%"` 是对应的值。 3. **HTML 文件命名规则** - **扩展名**：HTML 文件通常以 `.htm` 或 `.html` 结尾。 - **文件名构成**：只能包含英文字母、数字和下划线，不应有空格或其他特殊字符。 - **首页默认文件**：通常，网站的首页文件名为 `index.htm` 或 `index.html`。编写 HTML 文件时需注意以下几点： 1. **标记必须用尖括号包围**：这有助于浏览器识别和解析标记语言。 2. **遵循语法规则**：每个标记必须正确关闭，除非是单标记。 3. **注释**：使用 `` 进行注释，不影响页面显示。 4. **代码缩进和格式化**：为了代码的可读性，应保持良好的代码格式，使用空格或制表符进行缩进。 5. **编码声明**：在文档开头声明字符编码，如 `<!DOCTYPE html>` 或 `<meta charset="UTF-8">`，确保浏览器正确显示非英文字符。理解并掌握这些基本概念和规则，能帮助初学者有效地编写和构建HTML页面，从而实现网页设计的基本需求。随着技术的发展，HTML 还引入了新的版本和特性，如 HTML5，提供了更多的元素和API，使得网页开发更为强大和灵活。