--- tags: [前端, HTML, 基础] create time: 2026-04-24 18:41 --- # HTML 基础 ## 概述 HTML（HyperText Markup Language）是构建网页的骨架。它不是一门编程语言，而是一种标记语言——用标签（tag）告诉浏览器"这里是一段标题"、"这里是一个按钮"、"这里是一张图片"。 思考题：为什么 HTML 被称为"标记语言"而不是"编程语言"？它有没有变量、循环或条件判断的能力？ ## 正文 ### 1. HTML 文档结构 一个标准的 HTML 文档包含以下核心部分： ```html 页面标题

Hello World

这是一段文字

``` ### 2. 常用标签分类 **标题与段落：** | 标签 | 用途 | |------|------| | `

` ~ `

` | 标题（h1 最大，h6 最小） | | `

` | 段落 | | `
` | 换行 | | `

` | 水平线 | **文本格式化：** | 标签 | 用途 | |------|------| | `` | 加粗（语义：重要） | | `` | 斜体（语义：强调） | | `` | 代码 | | `` | 高亮 | **链接与图片：** ```html 打开新窗口 描述文字 ``` > **提问：** 为什么 `` 标签的 `alt` 属性是必填的？它除了辅助功能外，还对 SEO（搜索引擎优化）有什么影响？ **列表：** ```html
  • 第一项
  • 第二项
  1. 第一步
  2. 第二步
``` ### 3. 表单 — 用户交互的核心 ```html
``` > **思考：** `GET` 和 `POST` 方法有什么区别？为什么登录表单必须用 `POST` 而不是 `GET`？ ### 4. 语义化标签 — HTML5 的新武器 ```html