在介绍 HTML 之前，我们先看一个 HTML 入门示例，代码如下：
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML教程</title>
</head>
<body>
<h1>欢迎开始学习HTML</h1>
</body>
</html>使用记事本将上面内容保存为 html_hello.html 文件（注意：HTML 文件的后缀为 .html 或 .htm），然后使用浏览器打开，访问效果如下图：
HTML 的全称是 HyperText Markup Language（超文本标记语言），注意它有两个关键属性需要明确：
它不是「编程语言」（不能实现逻辑判断、循环等功能，比如无法做加法运算、无法判断用户输入是否正确），只是「标记语言」。
它的核心作用是 搭建网页的「骨架」，定义网页的结构和内容布局（就像盖房子先搭建钢筋水泥框架，确定哪里是客厅、哪里是卧室）。
通俗来说，我们可以用「人体」来类比网页的三大组成部分（后续你会学到 CSS、JavaScript），更易理解：
HTML：对应「人体的骨架」（骨骼、器官布局），确定哪里是头、哪里是手、哪里是躯干，只负责「有什么、在哪里」。
CSS：对应「人体的外貌」（皮肤、发型、衣服），负责美化网页，比如设置文字颜色、背景图片、调整布局间距，让网页更美观。
JavaScript：对应「人体的行为能力」（走路、说话、思考），负责实现网页的交互和动态效果，比如点击按钮弹出窗口、表单验证、轮播图自动切换。
下图是HTML代码的基础结构，所有HTML都是从这个最简单的HTML开始的：
详细说明：
<!DOCTYPE html>：文档类型声明
告诉浏览器当前文档是 HTML5 格式，让浏览器按照 HTML5 的规则解析页面。
注意：它不是 HTML 标签，没有闭合，必须放在整个文档的最第一行，前面不能有任何空格或字符。
<html>：根元素
包裹整个 HTML 文档的所有内容（除了<!DOCTYPE html>），是页面的根节点。
lang="zh-CN"：可选但推荐配置，指定页面语言为中文简体，有助于搜索引擎优化（SEO）和屏幕阅读器识别。
<head>：头部元数据区域
存放页面的“后台信息”，不直接显示在页面可视区域。
核心子标签：
<meta charset="UTF-8">：设置文档编码为 UTF-8，解决中文乱码的关键，几乎所有网页都必须配置。
<title>：设置浏览器标签栏的标题，当页面被收藏时，也会作为收藏夹的默认名称。例如：下图红色框中显示的内容就是 <title> 标签设置的
除此之外，后续还会在这里引入 CSS 样式表、JavaScript 脚本、设置页面关键词等。
<body>：页面主体内容区域
存放所有需要在浏览器窗口中直接显示的内容，比如文字、图片、按钮、链接等。
更多HTML内容请阅读后续教程……
川公网安备51010802032098