一、HTML 结构
1. 核心概念解析
HTML（超文本标记语言）：构建网页的基石，定义了网页的骨架结构、内容的身份和语义、浏览器的解码规则、交互的基础框架；只负责是什么，不管好不好看，只负责显内容，不管能不能动，只负责搭架子，不管填什么。
标签：HTML 的指令，用尖括号包围，如 <p>、<div>。
元素：通常由开始标签 + 内容 + 结束标签组成（如 <p>这是一个段落</p>）。
属性：提供关于元素的额外信息（如 src、href、class），写在开始标签内。
超文本：不仅能包含文字，还能包含图片、视频、音频、链接等多种媒体内容。
语义化：使用具有明确含义的标签（如 <header>、<article>、<nav>），让代码更易读，也利于搜索引擎优化（SEO）和无障碍访问。
2. 标签知识点解析
<h2> 语义化标题：二级标题（数字越大字越小，h1 最大，h6 最小）。
<br> 换行标签：用于在不产生新段落的情况下强制换行。它是一个空元素（自闭合标签）。
<form> 表单容器：用于收集用户输入并封装为 HTTP 请求。
method="post"：数据传输方式。POST 将数据藏在请求体内（暗码输入），比 GET（拼在 URL 后）（明码输入）更安全，适合传密码；渗透测试中 GET 传参能直接在 URL 看到参数值，POST 则看不到。action="/"：提交的终点（后端接口地址）。
<span> 行内容器：常用于包裹一小段文字或行内元素，以便单独设置样式。
<div> 块容器：常用于页面布局的分区，比如将头部、内容区、尾部包裹起来。
<hr> 水平线标签：用于在页面上创建一条水平分隔线，通常用来分隔内容区块。
<input> 输入控件：交互式控件，由 type 决定功能。
type="text"：单行明文输入。type="password"：密码掩码输入（暗码，防偷看）。
id="username" 唯一标识：页面内的门牌号，必须唯一。JS 找元素、CSS 美化、锚点跳转全靠它。
<ul> 无序列表：列表项前通常显示为圆点、方块等符号。
<ol> 有序列表：列表项前会自动编号（1, 2, 3...）。
<a> 锚链接/链接标签：其核心属性 href 的功能定位跳转目的地。
核心用法：
- 写 URL（如 hh.html）→ 跳转到其他页面
- 写 #id（如 #baidu）→ 指定跳转到页面中的位置
- 写 # → 直接回到页面顶部
<img> 图片标签：单标签，不需要结束标签。
- src：图片的来源路径
- alt：图片加载失败的文字显示
