HTML 实用工具
欢迎使用我们的 HTML 实用工具集，这些工具专为初学者设计，帮助您更轻松地学习和使用 HTML。所有工具都在本地运行，无需联网，确保您的代码和数据安全。
颜色选择器
选择颜色并获取对应的十六进制、RGB 和 HSL 值，方便在 HTML 和 CSS 中使用。
十六进制: #333333
RGB: rgb(51, 51, 51)
HSL: hsl(0, 0%, 20%)
字符实体参考
常用 HTML 字符实体参考，包括特殊字符、符号和表情符号的实体代码。
| 显示结果 | 实体名称 | 实体编号 | 描述 |
|---|---|---|---|
| < | < | < | 小于号 |
| > | > | > | 大于号 |
| & | & | & | 和号 |
| " | " | " | 引号 |
| ' | ' | ' | 撇号 |
| |   | 不间断空格 | |
| © | © | © | 版权符号 |
| ® | ® | ® | 注册商标 |
代码格式化工具
格式化您的 HTML 代码，使其更易读、更整洁。
HTML 验证器
检查您的 HTML 代码是否符合标准，帮助您发现和修复错误。
常用标签速查
HTML 常用标签的快速参考，包括标签语法、属性和使用示例。
| 标签 | 描述 | 示例 |
|---|---|---|
| <html> | HTML 文档根元素 | <html>...</html> |
| <head> | 文档头部 | <head>...</head> |
| <body> | 文档主体 | <body>...</body> |
| <h1>-<h6> | 标题 | <h1>标题</h1> |
| <p> | 段落 | <p>段落</p> |
| <a> | 链接 | <a href="url">链接</a> |
| <img> | 图像 | <img src="url" alt="描述"> |
| <div> | 区块 | <div>内容</div> |
响应式设计测试
测试您的网页在不同屏幕尺寸下的显示效果。
选择屏幕尺寸：
HTML 转义工具
将特殊字符转换为 HTML 实体，或从实体转换回字符。
URL 编码/解码工具
将 URL 编码为百分号编码格式，或从编码格式解码回原始 URL。
CSS 颜色转换器
在不同颜色格式之间转换，包括十六进制、RGB、HSL 和 RGBA。
十六进制: #333333
RGB: rgb(51, 51, 51)
RGBA: rgba(51, 51, 51, 1)
HSL: hsl(0, 0%, 20%)
HTML 模板生成器
快速生成常用的 HTML 代码模板，如表单、导航栏等。
选择模板类型：