Web 前端基础:HTML 核心语法与常用标签
HTML 简介
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>Document</title>
</head>
<body>
<!-- 页面可见内容 -->
</body>
</html>
这里有几个关键点需要注意:
<!DOCTYPE html>:声明文档类型为 HTML5,确保浏览器正确解析。<html lang="zh-CN">:根元素,设置语言为中文,有助于搜索引擎识别。<head>:存放配置信息(如编码、标题),不会直接显示在页面上。<meta charset="UTF-8">:设置字符编码,防止中文乱码。<meta name="viewport">:视口设置,移动端适配必备,保证宽度等于设备屏幕宽度。<body>:包含所有用户可见的页面内容。
HTML 标签语法
标签结构
HTML 标签通常成对出现,中间包裹内容。开始标签和结束标签的区别在于结束标签前多了一个斜杠 /。
- 双标签:如
<p></p>,段落标签。 - 单标签:如
<br>,换行标签,不需要结束标签。
编写时建议保持缩进规范,这能极大提升代码可读性。在编辑器中,Tab 键用于向前缩进,Shift+Tab 用于向后缩进。

