标题标签：用 h1~h6 表达内容的层级关系

段落与换行：用 p 分段、br 换行、hr 分隔线

链接标签：用 href 属性跳转到其他页面或锚点

图片标签：用 src 指定图片地址，alt 提供替代文字

无序列表：用 ul 和 li 罗列要点和功能

有序列表：用 ol 和 li 做带编号的步骤列表

表格基础：用 table、tr、td、th 制作数据表格

单元格合并：用 colspan 横跨多列，rowspan 纵跨多行

div 区块容器：用 div 把相关元素分组，结构更清晰

span 行内容器：给一段文字中的某几个字打标签

表单 input 基础：用 input/label/form 收集用户输入

表单按钮：区分 button 和 input type=submit/reset

多行文本框：用 textarea 做多行文本输入

下拉框 select：用 select 和 option 做下拉选择菜单

表单属性：required/disabled/readonly 控制字段行为

语义标签 header/nav/footer：用语义标签代替 div，SEO 和可访问性更好

语义标签 article/section/aside：article 是独立内容，section 是章节，aside 是侧栏

全局属性 class/id/title/lang：所有 HTML 标签都能用的属性

iframe 内嵌网页：在一个页面里嵌入另一个页面

字符实体：HTML 中的特殊符号   < > &

音频 audio：用 audio 标签嵌入音频，controls 显示播放控件

视频 video：用 video 标签嵌入视频，controls/width/poster

折叠面板 details/summary：用 details/summary 做可展开收起的 FAQ 面板

data-* 自定义属性：存储与元素关联的业务数据

CSS 引入方式：内联/内嵌/外链三种方式

CSS 选择器基础：元素选择器、class 选择器、id 选择器

CSS 颜色：颜色名、十六进制、RGB 三种写法

文本样式：font-size、font-weight、text-align、line-height

边框样式：border 宽度、样式、颜色

背景：background-color、background-image、background-size

盒模型 - margin 外边距：margin 控制元素之间的距离

盒模型 - padding 内边距：padding 给元素内部留白，让内容不贴边

Display 显示模式：block、inline、inline-block、none

溢出处理 overflow：hidden、auto、scroll、visible

Flexbox 弹性布局：display:flex 让子元素横向排列

Flexbox 进阶：align-items、flex-wrap、flex-grow

CSS 定位 position：static/relative/absolute/fixed

Z-index 层叠顺序：z-index 控制元素的上下层叠关系

阴影效果 box-shadow：外阴影、内阴影、多层阴影

伪类 hover/focus：鼠标悬停和焦点状态的样式变化

CSS 过渡 transition：让样式变化平滑过渡，不突然跳变

链接样式：链接颜色、下划线、hover 状态

列表样式：list-style-type、list-style-image、list-style

表格样式：:nth-child 斑马纹、表格边框合并

表单样式：美化输入框、按钮、下拉框

组合选择器：空格、>、+、~ 组合选择器

响应式设计：viewport、媒体查询、flex 布局响应式

CSS 动画：keyframes 定义关键帧动画

opacity 与 visibility：opacity 透明度、visibility 可见性