HTML 注释标签：用法：用于在HTML代码中添加说明或临时禁用代码功能：对代码进行解释说明调试时临时隐藏代码不影响页面显示CSS扩展注释标签：/* 注释内容 */用法：用于在CSS中添加说明功能：解释样式规则分组相关样式临时禁用某些样式多行注释示例：/*这是CSS多行注释也可以跨越多行*/

HTML水平线（Horizontal Rule）用于在网页中创建一条水平分隔线。标签：hr用法：基本用法：带属性的传统用法（HTML4）：功能：内容分隔视觉分区文档结构划分CSS扩展：HTML5特性：语义化标签，表示主题分隔不再推荐使用传统属性（width/size/color等）建议完全通过CSS控制样式

HTML 属性定义：HTML元素的附加信息，用于配置或调整元素行为语法：name="value"（属性值通常用双引号包裹）核心属性分类：全局属性（适用于所有HTML元素）class：指定元素类名id：定义唯一标识符style：内联CSS样式title：附加提示信息lang：设置语言data-*：自定义数据属性常用元素特定属性img标签：src：图像路径alt：替

HTML 元素语法：基本结构：开始标签：tagname内容：元素内容结束标签：/tagname示例：pThis is a paragraph./p空元素：自闭合标签：tagname / 或 tagname示例：br, img src="image.jpg"属性：语法：tagname attribute="value"示例：a

HTML 强调标签：em - 表示强调，默认斜体显示strong - 表示重要内容，默认加粗显示i - 表示技术术语/外文短语等，默认斜体b - 表示关键词/产品名等，默认加粗CSS扩展方法：修改强调样式：伪元素强调：动画强调：文本装饰强调：

HTML 图像基本介绍HTML 图像是通过 img 标签在网页中嵌入的图形元素。支持多种格式如 JPEG、PNG、GIF、SVG 等。主要标签img 标签是自闭合标签，主要属性：src：指定图像路径（必需）alt：替代文本（必需）width：图像宽度（像素或百分比）height：图像高度（像素或百分比）loading：控制懒加载（"lazy"或&quot

HTML 链接详解基本标签a 标签用于创建超链接，基本语法：主要属性href：指定链接目标地址（必需）target：指定打开方式（如 _blank 新窗口打开）title：鼠标悬停时显示的提示文本rel：定义链接与当前文档的关系（如 nofollow）功能类型外部链接：指向其他网站内部链接：指向同一网站内的页面锚点链接：跳转到页面特定位置邮件链接：打开邮件客户端电话链接：移动设备拨号CSS 扩展样

HTML 段落详细介绍HTML 段落是通过 p 标签定义的文本块，用于组织和呈现文本内容。段落会自动在前后创建一些空白（外边距），使文档结构更清晰。标签基本段落标签：用法基本用法：包含其他内联元素：功能将文本内容分组为逻辑段落自动添加默认样式（上下边距）提高文档可读性和可访问性CSS 扩展可以通过 CSS 自定义段落样式：修改字体和颜色：调整间距：首行缩进：特殊段落样式：响应式设计：

HTML 标题详细介绍HTML 标题用于定义文档的标题层次结构，从最重要的 h1 到最不重要的 h6。标签h1 最高级标题h2 次级标题h3 三级标题h4 四级标题h5 五级标题h6 最低级标题用法功能定义文档结构提供内容层次影响SEO排名辅助屏幕阅读器导航CSS扩展

标签定位语法: //标签名用法: 通过HTML标签名定位元素示例: //div 定位所有div元素属性定位语法: //标签名[@属性名='属性值']用法: 通过元素的属性值定位示例: //input[@id='username'] 定位id为username的input元素文本定位语法: //标签名[text()='文