前言
上一篇《前端篇 01》中，我们已经完成了前端开发环境的搭建，写出了第一个Hello World网页。本篇作为前端篇的第二篇，我们将系统学习HTML的基础语法和常用标签。HTML是网页的骨架，所有网页的内容和结构都是由HTML标签定义的，掌握常用HTML标签是前端开发的第一步。
本文为Python全栈开发者量身打造，从最基础的HTML文档结构讲起，详细讲解文本、图片、超链接等最常用的HTML标签，每一个标签都有清晰的语法说明和可直接运行的实战示例。最后通过一个完整的个人介绍页面实战，将所有知识点融会贯通，让你快速掌握HTML的核心用法。
本节核心学习内容：
文章目录
- 前言
- 一、HTML基本文档结构详解
-
- 1.1 文档声明
- 1.2 根标签
- 1.3 头部标签
- 1.4 字符编码设置
- 1.5 视口设置
- 1.6 网页标题
- 1.7 主体标签
- 二、常用文本标签
-
- 2.1 标题标签
- 2.2 段落标签
- 2.3 换行标签
- 2.4 水平线标签
- 2.5 文本格式化标签
- 三、图片标签
-
- 3.1 核心属性
- 3.2 路径问题
-
- 相对路径
- 绝对路径
- 3.3 实战示例
- 四、超链接标签
-
- 4.1 核心属性
- 4.2 链接类型
-
- 1. 外部链接
- 2. 内部链接
- 3. 空链接
- 4. 锚点链接
- 4.3 实战示例
- 五、综合实战：个人介绍页面
- 六、常见误区与避坑指南
- 七、核心总结：常用HTML标签速查表
- 八、专栏订阅
一、HTML基本文档结构详解
HTML文档是由一系列嵌套的标签组成的，一个标准的HTML5文档具有固定的结构，我们来逐行拆解上一篇写的Hello World代码：
<!DOCTYPE html>
<html lang=\”zh-CN\”>
