HTML 基础语法与常用标签实战
一、HTML 简介
HTML 是什么?
HTML(HyperText Markup Language)即超文本标记语言,是构建 Web 页面的标准标记语言。
HTML 骨架
一个标准的 HTML5 文档结构如下:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
</head>
<body>
<!-- 可见内容 -->
</body>
</html>
关键部分说明:
<!DOCTYPE html>:声明文档类型为 HTML5,确保浏览器正确渲染。<html lang="zh-CN">:根元素,lang属性指定页面语言,利于 SEO 和屏幕阅读器。<head>:存放配置信息,如字符集、视口设置、标题等,不会直接显示在页面上。<meta charset="UTF-8">:防止中文乱码。<meta name="viewport">:移动端适配必备,设置宽度等于设备宽度,默认缩放比例为 1.0。
<body>:包含所有用户可见的页面内容。
二、HTML 标签语法
标签结构
- 标签通常成对出现(开始标签 + 结束标签),中间包裹内容。
- 标签名使用英文字母,如
<p></p>。 - 单标签(自闭合标签)单独存在,如
<br>。 - 双标签:如段落标签
<p>。 - :如换行标签 。

