HTML DOM 修改 HTML 内容格式化简介HTML DOM (文档对象模型) 提供了多种方法来动态修改网页内容，包括文本、HTML 结构和样式。常用方法1. innerHTML功能：获取或设置元素的 HTML 内容语法：element.innerHTML = newHTML示例：2. textContent功能：获取或设置元素的纯文本内容语法：element.textContent = ne

HTML DOM 节点格式化基本概念HTML DOM (文档对象模型) 节点格式化是指通过编程方式控制网页元素的表现形式。DOM 将 HTML 文档表示为节点树结构，每个节点都是对象，可以访问和修改。主要节点类型文档节点：整个文档 (document)元素节点：HTML 标签 (如 div, p)属性节点：元素的属性 (如 class, id)文本节点：元素内的文本内容注释节点：HTML 注释常用

HTML 表单详解表单介绍HTML 表单用于收集用户输入数据，是网页与用户交互的重要方式。主要表单标签form定义表单容器属性：action: 提交目标URLmethod: 提交方式(GET/POST)enctype: 编码类型(如文件上传需用multipart/form-data)输入控件input: 通用输入字段type: text, password, radio, checkbox, fi

HTML span 元素详解基本介绍span 是 HTML 中的内联容器元素，用于对文档中的一部分文本或内联内容进行分组和样式化。标签语法主要功能对文本的一部分应用样式通过 JavaScript 操作特定文本片段为文本的一部分添加语义信息基本用法CSS 扩展span 常与 CSS 结合使用：常用 CSS 属性类选择器应用实际示例示例1：文本样式示例2：动态内容示例3：图标结合注意事项span 是内

HTML 内联元素详细介绍内联元素（inline elements）是HTML中不会独占一行的元素，它们会在同一行内从左到右排列，直到空间不足才会换行。内联元素通常用于标记文档中的一小部分内容。常见内联标签span：通用内联容器a：超链接strong：加粗强调em：斜体强调img：图像input：输入框button：按钮label：表单标签br：换行code：代码片段small：小号文本sup/s

HTML 符号实体格式化基本介绍HTML 符号实体用于显示保留字符或键盘上没有的特殊字符，由&开头，;结尾。常用标签符号实体不依赖特定HTML标签，可在任何文本内容中使用。基本用法字符实体：&实体名称; 或 &#实体编号;保留字符必须使用实体：、、&等常用实体实例< 或 < = &

HTML 字体格式化基本标签font 标签 (已废弃)face: 设置字体类型color: 设置字体颜色size: 设置字体大小(1-7)CSS 字体样式字体类型可以指定多个字体作为备选常用字体族: serif, sans-serif, monospace, cursive, fantasy字体颜色字体大小单位: px, em, rem, %, pt, vw/vh预定义值: xx-small, x

HTML 文本对齐方式基本对齐方式1. 水平对齐p align="left" - 左对齐（默认）p align="center" - 居中对齐p align="right" - 右对齐p align="justify" - 两端对齐2. 垂直对齐td va

HTML bdo 标签（Bi-Directional Override）用于覆盖文本的默认方向，控制文本的显示方向。标签属性dir：必需属性，指定文本方向，值包括：ltr：从左到右（left-to-right）rtl：从右到左（right-to-left）基本用法功能强制改变文本方向，忽略Unicode双向算法。适用于混合方向文本的场景。CSS扩展可以通过CSS进一步控制样式：注意事项主要用于特殊

标签定义：用于标记长引用内容，通常显示为缩进段落。基本语法：引用的文本内容属性：cite：可选，指定引用来源的URL默认样式：左右外边距各40px上下外边距各1em左右内边距各40px通常显示为斜体CSS扩展样式示例：blockquote { margin: 1em 40px; /* 默认值 */ padding: 0 0 0 1em; border-left: 4px solid #ccc; c