- HTML教程
- HTML - 主页
- HTML - 概述
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 格式设置
- HTML - 短语标签
- HTML - 元标签
- HTML - 注释
- HTML - 图像
- HTML - 表格
- HTML - 列表
- HTML - 文本链接
- HTML - 图像链接
- HTML - 电子邮件链接
- HTML - 框架
- HTML - Iframe
- HTML - 块
- HTML - 背景
- HTML - 颜色
- HTML - 字体
- HTML - 表单
- HTML - 嵌入多媒体
- HTML - 字幕
- HTML - 标题
- HTML - 样式表
- HTML - JavaScript
- HTML - 布局
HTML - 颜色名称
下表显示了 HTML 3.2 中引入的 16 种颜色名称 -
| 颜色名称 | 十六进制值 | 颜色 | 展示 |
|---|---|---|---|
| 阿夸 | #00ffff | 演示 | |
| 黑色的 | #000000 | 演示 | |
| 蓝色的 | #0000ff | 演示 | |
| 紫红色 | #ff00ff | 演示 | |
| 绿色的 | #008000 | 演示 | |
| 灰色的 | #808080 | 演示 | |
| 酸橙 | #00ff00 | 演示 | |
| 栗色 | #800000 | 演示 | |
| 海军 | #000080 | 演示 | |
| 橄榄 | #808000 | 演示 | |
| 紫色的 | #800080 | 演示 | |
| 红色的 | #ff0000 | 演示 | |
| 银 | #c0c0c0 | 演示 | |
| 青色 | #008080 | 演示 | |
| 白色的 | #ffffff | 演示 | |
| 黄色的 | #ffff00 | 演示 |
还有其他颜色不属于 HTML 或 XHTML,但大多数主要浏览器版本都支持它们。
| 颜色名称 | 十六进制值 | 颜色 | 展示 |
|---|---|---|---|
| 爱丽丝蓝 | #f0f8ff | 演示 | |
| 古董白 | #faebd7 | 演示 | |
| 蓝晶 | #7fffd4 | 演示 | |
| 天蓝色的 | #f0ffff | 演示 | |
| 浅褐色的 | #f5f5dc | 演示 | |
| 浓汤 | #ffe4c4 | 演示 | |
| 白杏仁 | #ffebcd | 演示 | |
| 紫罗兰色 | #8a2be2 | 演示 | |
| 棕色的 | #a52a2a | 演示 | |
| 伯利伍德 | #deb887 | 演示 | |
| 学员蓝 | #5f9ea0 | 演示 | |
| 黄绿色 | #7fff00 | 演示 | |
| 巧克力 | #d2691e | 演示 | |
| 珊瑚 | #ff7f50 | 演示 | |
| 矢车菊蓝色 | #6495ed | 演示 | |
| 玉米丝 | #fff8dc | 演示 | |
| 赤红 | #dc143c | 演示 | |
| 青色 | #00ffff | 演示 | |
| 深蓝 | #00008b | 演示 | |
| 深青色 | #008b8b | 演示 | |
| 暗金菊 | #b8860b | 演示 | |
| 深灰色 | #a9a9a9 | 演示 | |
| 深绿色 | #006400 | 演示 | |
| 深卡其色 | #bdb76b | 演示 | |
| 深洋红色 | #8b008b | 演示 | |
| 深橄榄绿 | #556b2f | 演示 | |
| 深橙色 | #ff8c00 | 演示 | |
| 暗兰花 | #9932cc | 演示 | |
| 深红 | #8b0000 | 演示 | |
| 黑鲑鱼 | #e9967a | 演示 | |
| 深海绿 | #8fbc8f | 演示 | |
| 深石板蓝 | #483d8b | 演示 | |
| 深石板灰色 | #2f4f4f | 演示 | |
| 深绿松石色 | #00ced1 | 演示 | |
| 深紫色 | #9400d3 | 演示 | |
| 深粉色 | #ff1493 | 演示 | |
| 深天蓝 | #00bfff | 演示 | |
| 暗灰色 | #696969 | 演示 | |
| 道奇蓝 | #1e90ff | 演示 | |
| 耐火砖 | #b22222 | 演示 | |
| 花白色 | #fffaf0 | 演示 | |
| 森林绿 | #228b22 | 演示 | |
| 盖恩斯伯勒 | #dcdcdc | 演示 | |
| 鬼白 | #f8f8ff | 演示 | |
| 金子 | #ffd700 | 演示 | |
| 一枝黄花 | #daa520 | 演示 | |
| 灰色的 | #808080 | 演示 | |
| 黄绿色 | #adff2f | 演示 | |
| 甘露 | #f0fff0 | 演示 | |
| 亮粉色 | #ff69b4 | 演示 | |
| 印度红 | #cd5c5c | 演示 | |
| 靛青 | #4b0082 | 演示 | |
| 象牙 | #fffff0 | 演示 | |
| 卡其色 | #f0e68c | 演示 | |
| 薰衣草 | #e6e6fa | 演示 | |
| 薰衣草腮红 | #fff0f5 | 演示 | |
| 草坪绿 | #7cfc00 | 演示 | |
| 柠檬雪纺 | #fffacd | 演示 | |
| 浅蓝色 | #add8e6 | 演示 | |
| 浅珊瑚色 | #f08080 | 演示 | |
| 浅青色 | #e0ffff | 演示 | |
| 浅金黄色 | #fafad2 | 演示 | |
| 浅绿色 | #90ee90 | 演示 | |
| 浅灰色 | #d3d3d3 | 演示 | |
| 浅粉色 | #ffb6c1 | 演示 | |
| 淡鲑鱼 | #ffa07a | 演示 | |
| 浅海绿 | #20b2aa | 演示 | |
| 浅天蓝色 | #87cefa | 演示 | |
| 浅灰色 | #778899 | 演示 | |
| 轻钢蓝色 | #b0c4de | 演示 | |
| 浅黄色 | #ffffe0 | 演示 | |
| 柠檬绿 | #32cd32 | 演示 | |
| 亚麻布 | #faf0e6 | 演示 | |
| 品红 | #ff00ff | 演示 | |
| 中蓝色 | #0000cd | 演示 | |
| 中兰花 | #ba55d3 | 演示 | |
| 中紫色 | #9370分贝 | 演示 | |
| 午夜蓝 | #191970 | 演示 | |
| 迷雾玫瑰 | #ffe4e1 | 演示 | |
| 莫卡辛 | #ffe4b5 | 演示 | |
| 旧花边 | #fdf5e6 | 演示 | |
| 橙子 | #ffa500 | 演示 | |
| 兰花 | #da70d6 | 演示 | |
| 桃子泡芙 | #ffdab9 | 演示 | |
| 秘鲁 | #cd853f | 演示 | |
| 粉色的 | #ffc0cb | 演示 | |
| 李子 | #dda0dd | 演示 | |
| 紫色的 | #800080 | 演示 | |
| 玫瑰棕色 | #bc8f8f | 演示 | |
| 宝蓝色 | #4169e1 | 演示 | |
| 三文鱼 | #fa8072 | 演示 | |
| 沙棕色 | #f4a460 | 演示 | |
| 海绿色 | #2e8b57 | 演示 | |
| 赭色 | #a0522d | 演示 | |
| 天蓝色 | #87ceeb | 演示 | |
| 石板蓝 | #6a5acd | 演示 | |
| 钢蓝色 | #4682b4 | 演示 | |
| 晒黑 | #d2b48c | 演示 | |
| 蓟 | #d8bfd8 | 演示 | |
| 番茄 | #ff6347 | 演示 | |
| 紫色 | #ee82ee | 演示 | |
| 小麦 | #f5deb3 | 演示 | |
| 白色的烟 | #f5f5f5 | 演示 | |
| 黄色的 | #ffff00 | 演示 | |
| 黄绿色 | #9acd32 | 演示 |
HTML 实体
有些字符是 HTML 中保留的,它们在 HTML 文档中使用时具有特殊含义。例如,您不能在 HTML 文本中使用大于号、小于号或尖括号,因为浏览器会以不同方式对待它们,并尝试绘制与 HTML 标记相关的含义。
HTML 处理器必须支持下表中列出的五个特殊字符。
| 象征 | 描述 | 实体名称 | 号码代码 |
|---|---|---|---|
| ” | 引号 | ” | " |
| ' | 撇号 | ’ | ' |
| & | 与号 | & | & |
| < | 少于 | < | < |
| > | 比...更棒 | > | > |
例子
如果您想将 <div id = "character"> 编写为代码,那么您必须编写如下 -
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>
这将产生以下结果 -
HTML 4.0 中还有一长串特殊字符。为了使这些出现在您的文档中,您可以使用数字代码或实体名称。例如,要插入版权符号,您可以使用以下任一方法 -
© 2007 or © 2007
ISO 8859-1 符号实体
| 结果 | 描述 | 实体名称 | 号码代码 |
|---|---|---|---|
| 不间断空格 | |||
| ¡ | 倒感叹号 | &i排除; | ¡ |
| ¤ | 货币 | &当前; | ¤ |
| Ⅲ | 分 | %; | ¢ |
| 英镑 | 磅 | &磅; | £ |
| ¥ | 日元 | &日元; | ¥ |
| δ | 垂直条断裂 | ¦ | ¦ |
| § | 部分 | &教派; | § |
| ¡ | 间隔分音 | ¨ | ¨ |
| © | 版权 | &复制; | © |
| ª | 阴性序数指示符 | ª | ª |
| « | 角引号(左) | &laquo; | « |
| Ø | 否定 | &不是; | ¬ |
| | 软连字符 | &害羞的; | |
| ® | 注册商标 | ® | ® |
| ™ | 商标 | &贸易; | ™ |
|  ̄ | 间距宏 | ¯ | ¯ |
| ° | 程度 | ° | ° |
| ± | 加或减 | + | ± |
| ² | 上标2 | ² | ² |
| 立方 | 上标3 | ³ | ³ |
| ´ | 间距锐角 | &急性; | ´ |
| µ | 微 | &微; | µ |
| ¶ | 段落 | ¶ | ¶ |
| · | 中间的点 | · | · |
| ¸ | 间隔变音号 | &cetil; | ¸ |
| ^ | 上标1 | ¹ | ¹ |
| 度 | 阳性序数指示符 | º | º |
| » | 角引号(右) | ” | » |
| 1/4 | 分数 1/4 | &frac14; | ¼ |
| ½ | 分数 1/2 | &frac12; | ½ |
| 3/4 | 分数 3/4 | ➡️ | ¾ |
| ¿ | 倒问号 | ¿ | ¿ |
| × | 乘法 | × | × |
| ÷ | 分配 | &划分; | ÷ |
ISO 8859-1 字符实体
| 结果 | 描述 | 实体名称 | 号码代码 |
|---|---|---|---|
| A | 大写 a,重音 | ❗️ | À |
| A | 大写字母a,尖锐的口音 | &Aacute; | Á |
| A | 大写 a,抑扬音 | &Acirc; | Â |
| A | 大写字母 a、波形符 | 阿蒂尔德; | Ã |
| A | 大写 a,变音符号 | Ä | Ä |
| A | 大写a,环 | &戒指; | Å |
| Æ | 资本AE | � | Æ |
| C | 大写 c,变音符 | 塞迪尔; | Ç |
| È | 大写 e,重音 | � | È |
| 埃 | 大写 e,尖锐口音 | � | É |
| Ê | 大写 e,抑扬音 | &Ecirc; | Ê |
| Ë | 大写 e,变音符号 | Ë | Ë |
| 我 | 大写 i,重音 | Ì | Ì |
| 我 | 大写字母 i,尖锐的口音 | &Iacute; | Í |
| 我 | 大写字母 i,抑扬音 | Î | Î |
| 我 | 大写 i,元音变音标记 | ☉ | Ï |
| Ð | 首都eth,冰岛语 | Ð | Ð |
| Ñ | 大写 n,波形符 | &Ntilde; | Ñ |
| Ò | 大写 o,重音 | 奥 | Ò |
| Ó | 大写 o,尖锐口音 | ➡️ | Ó |
| Ô | 大写 o,抑扬音 | &Ocirc; | Ô |
| Õ | 大写字母 o,波形符 | &Otilde; | Õ |
| 奥 | 大写 o,元音变音标记 | Ö | Ö |
| Ø | 大写 o、斜杠 | Ø | Ø |
| Ù | 大写字母u,重音 | Ø | Ù |
| 乌 | 大写字母u,尖锐的口音 | ➡️ | Ú |
| Û | 大写 u,抑扬音 | &Ucirc; | Û |
| ü | 大写 u,元音变音标记 | &Uuml; | Ü |
| Ý | 大写 y,重音 | &Yacute; | Ý |
| Þ | 首都 THORN,冰岛语 | &刺; | Þ |
| β | 小升号 s,德语 | ß | ß |
| A | 小 a,重音 | à | à |
| A | 小a,尖锐的口音 | à | á |
| A | 小 a,抑扬音符号 | � | â |
| A | 小 a,波形符 | ã | ã |
| A | 小 a,变音符号 | à | ä |
| A | 小a,环 | &戒指; | å |
| 埃 | 小AE | � | æ |
| C | 小写 c,变音符 | ç | ç |
| è | 小 e,重音 | Ø | è |
| 埃 | 小写的 e,尖锐的口音 | � | é |
| 埃 | 小 e,扬抑符 | � | ê |
| 埃 | 小写 e,元音变音标记 | Ë | ë |
| 我 | 小 i,重音 | ◈ | ì |
| 我 | 小i,尖锐的口音 | ➡️ | í |
| 我 | 小 i,抑扬音 | î | î |
| 我 | 小 i,元音变音标记 | ◈ | ï |
| ð | 小eth,冰岛语 | ð | ð |
| ñ | 小号 n,波形符 | &ntilde; | ñ |
| ò | 小 o,重音 | Ø | ò |
| Ø | 小写 o,尖锐口音 | � | ó |
| 奥 | 小 o,扬抑符 | Ø | ô |
| 奥 | 小号 o,波形符 | Ø | õ |
| ö | 小 o,元音变音标记 | &ouml; | ö |
| Ø | 小 o、斜线 | Ø | ø |
| ù | 小号 u,重音 | ❗️ | ù |
| ú | 小u,尖锐的口音 | � | ú |
| û | 小 u,扬抑音 | � | û |
| ü | 小 u,元音变音标记 | ?? | ü |
| 伊 | 小 y,尖锐口音 | � | ý |
| þ | 小刺,冰岛语 | &刺; | þ |
| ÿ | 小 y,变音符号 | &yuml; | ÿ |
HTML 浏览器支持的其他实体
| 结果 | 描述 | 实体名称 | 号码代码 |
|---|---|---|---|
| Œ | 大写连字 OE | � | Œ |
| - | 小结扎 oe | � | œ |
| ⑨ | 大写 S 带抑扬符 | &斯卡隆; | Š |
| 什 | 带卡隆的小 S | ➡️; | š |
| Ÿ | 大写 Y 带分音符 | Ÿ | Ÿ |
| ^ | 修饰符字母扬抑符 | &circ; | ˆ |
| ~ | 小波形符 | ˜ | ˜ |
| 空间 | |||
| 全空间 | |||
| 狭小的空间 | |||
| | 零宽度非连接符 | | |
| | 零宽度连接器 | | |
| | 从左到右标记 | | |
| | 从右到左标记 | | |
| – | 破折号 | – | – |
| — | 破折号 | — | — |
| ' | 左单引号 | ‘ | ‘ |
| ' | 右单引号 | &rsquo; | ’ |
| ‚ | 单低9引号 | ‚ | ‚ |
| “ | 左双引号 | “ | “ |
| ” | 右双引号 | ” | ” |
| „ | 双低9引号 | „ | „ |
| † | 匕首 | &匕首; | † |
| ‡ | 双匕首 | &匕首; | ‡ |
| …… | 水平省略号 | …… | … |
| ‰ | 每千 | &perm; | ‰ |
| ← | 单个左指角度引用 | ‘ | ‹ |
| › | 单右角引用 | � | › |
| 欧元 | 欧元 | &欧元; | € |