HTML 简介
HTML(HyperText Markup Language)即超文本标记语言,是构建网页结构的基础。它通过一系列标签来定义内容的语义和布局。
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属性指定页面语言。<head>:存放配置信息(如编码、视口),不直接显示在页面上。<meta charset="UTF-8">:设置字符编码,防止中文乱码。<meta name="viewport">:移动端适配关键,控制视口宽度与缩放比例。
<body>:包含用户可见的页面内容。
标签语法
结构与嵌套
标签通常成对出现(双标签),如 <p></p>;部分标签无需闭合(单标签),如 <br>。
嵌套关系:
- 父子关系:子标签需换行并缩进,体现层级。
- 兄弟关系:同级标签应换行并对齐。
注释与调试:
使用 <!-- 注释内容 --> 添加说明。调试时可通过浏览器开发者工具(F12)查看代码结构与样式。

