HTML - Nombres de colores
La siguiente tabla muestra los 16 nombres de colores que se introdujeron en HTML 3.2:
| Nombre del color | Valor hexadecimal | Color | mostrar |
|---|---|---|---|
| agua | # 00ffff | Manifestación | |
| negro | # 000000 | Manifestación | |
| azul | # 0000ff | Manifestación | |
| fucsia | # ff00ff | Manifestación | |
| verde | # 008000 | Manifestación | |
| gris | # 808080 | Manifestación | |
| Lima | # 00ff00 | Manifestación | |
| granate | # 800000 | Manifestación | |
| Armada | # 000080 | Manifestación | |
| aceituna | # 808000 | Manifestación | |
| púrpura | # 800080 | Manifestación | |
| rojo | # ff0000 | Manifestación | |
| plata | # c0c0c0 | Manifestación | |
| verde azulado | # 008080 | Manifestación | |
| blanco | #ffffff | Manifestación | |
| amarillo | # ffff00 | Manifestación |
Hay otros colores que no forman parte de HTML o XHTML, pero son compatibles con la mayoría de las versiones de los principales navegadores.
| Nombre del color | Valor hexadecimal | Color | mostrar |
|---|---|---|---|
| Alice azul | # f0f8ff | Manifestación | |
| blanco antiguo | # faebd7 | Manifestación | |
| aguamarina | # 7fffd4 | Manifestación | |
| azur | # f0ffff | Manifestación | |
| beige | # f5f5dc | Manifestación | |
| sopa de mariscos | # ffe4c4 | Manifestación | |
| blanchedalmond | #febcd | Manifestación | |
| Violeta Azul | # 8a2be2 | Manifestación | |
| marrón | # a52a2a | Manifestación | |
| burlywood | # deb887 | Manifestación | |
| cadete azul | # 5f9ea0 | Manifestación | |
| monasterio | # 7fff00 | Manifestación | |
| chocolate | # d2691e | Manifestación | |
| coral | # ff7f50 | Manifestación | |
| aciano azul | # 6495ed | Manifestación | |
| seda de maiz | # fff8dc | Manifestación | |
| carmesí | # dc143c | Manifestación | |
| cian | # 00ffff | Manifestación | |
| azul oscuro | # 00008b | Manifestación | |
| cian oscuro | # 008b8b | Manifestación | |
| varilla de oro oscura | # b8860b | Manifestación | |
| gris oscuro | # a9a9a9 | Manifestación | |
| verde oscuro | # 006400 | Manifestación | |
| caqui oscuro | # bdb76b | Manifestación | |
| darkmagenta | # 8b008b | Manifestación | |
| verde oliva oscuro | # 556b2f | Manifestación | |
| naranja oscuro | # ff8c00 | Manifestación | |
| orquídea oscura | # 9932cc | Manifestación | |
| rojo oscuro | # 8b0000 | Manifestación | |
| salmón oscuro | # e9967a | Manifestación | |
| verde oscuro | # 8fbc8f | Manifestación | |
| azul oscuro | # 483d8b | Manifestación | |
| gris oscuro | # 2f4f4f | Manifestación | |
| turquesa oscuro | # 00ced1 | Manifestación | |
| Violeta oscuro | # 9400d3 | Manifestación | |
| Rosa profundo | # ff1493 | Manifestación | |
| Depskyblue | # 00bfff | Manifestación | |
| dimgray | # 696969 | Manifestación | |
| dodgerblue | # 1e90ff | Manifestación | |
| ladrillo refractario | # b22222 | Manifestación | |
| blanco floral | # fffaf0 | Manifestación | |
| bosque verde | # 228b22 | Manifestación | |
| Gainsboro | #dcdcdc | Manifestación | |
| fantasma blanco | # f8f8ff | Manifestación | |
| oro | # ffd700 | Manifestación | |
| vara de oro | # daa520 | Manifestación | |
| gris | # 808080 | Manifestación | |
| verde amarillo | # adff2f | Manifestación | |
| gotas de miel | # f0fff0 | Manifestación | |
| Rosa caliente | # ff69b4 | Manifestación | |
| indio rojo | # cd5c5c | Manifestación | |
| índigo | # 4b0082 | Manifestación | |
| Marfil | # fffff0 | Manifestación | |
| caqui | # f0e68c | Manifestación | |
| lavanda | # e6e6fa | Manifestación | |
| lavanda rubor | # fff0f5 | Manifestación | |
| verde césped | # 7cfc00 | Manifestación | |
| gasa de limón | #fffacd | Manifestación | |
| azul claro | # add8e6 | Manifestación | |
| coral claro | # f08080 | Manifestación | |
| cian claro | # e0ffff | Manifestación | |
| dorado claro | # fafad2 | Manifestación | |
| verde claro | # 90ee90 | Manifestación | |
| gris claro | # d3d3d3 | Manifestación | |
| Rosa claro | # ffb6c1 | Manifestación | |
| salmón ligero | # ffa07a | Manifestación | |
| verde claro | # 20b2aa | Manifestación | |
| cielo azul claro | # 87cefa | Manifestación | |
| luces grises | # 778899 | Manifestación | |
| azul claro | # b0c4de | Manifestación | |
| amarillo claro | # ffffe0 | Manifestación | |
| verde lima | # 32cd32 | Manifestación | |
| lino | # faf0e6 | Manifestación | |
| magenta | # ff00ff | Manifestación | |
| azul medio | # 0000cd | Manifestación | |
| orquídea mediana | # ba55d3 | Manifestación | |
| mediumpurple | # 9370db | Manifestación | |
| medianoche azul | # 191970 | Manifestación | |
| mistyrose | # ffe4e1 | Manifestación | |
| mocasín | # ffe4b5 | Manifestación | |
| Oldlace | # fdf5e6 | Manifestación | |
| naranja | # ffa500 | Manifestación | |
| orquídea | # da70d6 | Manifestación | |
| melocotón | # ffdab9 | Manifestación | |
| Perú | # cd853f | Manifestación | |
| rosado | # ffc0cb | Manifestación | |
| ciruela | # dda0dd | Manifestación | |
| púrpura | # 800080 | Manifestación | |
| rosa marrón | # bc8f8f | Manifestación | |
| azul real | # 4169e1 | Manifestación | |
| salmón | # fa8072 | Manifestación | |
| marrón arenoso | # f4a460 | Manifestación | |
| Mar verde | # 2e8b57 | Manifestación | |
| tierra de siena | # a0522d | Manifestación | |
| cielo azul | # 87ceeb | Manifestación | |
| pizarra azul | # 6a5acd | Manifestación | |
| azul acero | # 4682b4 | Manifestación | |
| broncearse | # d2b48c | Manifestación | |
| cardo | # d8bfd8 | Manifestación | |
| tomate | # ff6347 | Manifestación | |
| Violeta | # ee82ee | Manifestación | |
| trigo | # f5deb3 | Manifestación | |
| humo blanco | # f5f5f5 | Manifestación | |
| amarillo | # ffff00 | Manifestación | |
| amarillo verde | # 9acd32 | Manifestación |
Entidades HTML
Algunos caracteres están reservados en HTML y tienen un significado especial cuando se utilizan en documentos HTML. Por ejemplo, no puede usar los signos mayor y menor que o los corchetes angulares en su texto HTML porque el navegador los tratará de manera diferente e intentará dibujar un significado relacionado con la etiqueta HTML.
Los procesadores HTML deben admitir los siguientes cinco caracteres especiales que se enumeran en la siguiente tabla.
| Símbolo | Descripción | Nombre de la entidad | Código numérico |
|---|---|---|---|
| " | comillas | & quot; | & # 34; |
| ' | apóstrofe | & apos; | & # 39; |
| Y | ampersand | &erio; | & # 38; |
| < | menos que | & lt; | & # 60; |
| > | mas grande que | & gt; | & # 62; |
Ejemplo
Si desea escribir <div id = "character"> como código, tendrá que escribir lo siguiente:
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>Esto producirá el siguiente resultado:
También hay una larga lista de caracteres especiales en HTML 4.0. Para que estos aparezcan en su documento, puede usar los códigos numéricos o los nombres de las entidades. Por ejemplo, para insertar un símbolo de copyright, puede utilizar cualquiera de los siguientes:
© 2007
or
© 2007Entidades de símbolo ISO 8859-1
| Resultado | Descripción | Nombre de la entidad | Código numérico |
|---|---|---|---|
| espacio irrompible | & nbsp; | & # 160; | |
| ¡ | signo de exclamación invertido | & iexcl; | & # 161; |
| ¤ | moneda | & curren; | & # 164; |
| ¢ | centavo | ¢avo; | & # 162; |
| £ | libra | &libra; | & # 163; |
| ¥ | yen | ¥ | & # 165; |
| ¦ | barra vertical rota | & brvbar; | & # 166; |
| § | sección | §a; | & # 167; |
| ¨ | diéresis espaciadora | & uml; | & # 168; |
| © | derechos de autor | &Copiar; | & # 169; |
| ª | indicador ordinal femenino | & ordf; | & # 170; |
| « | comillas angulares (izquierda) | & laquo; | & # 171; |
| ¬ | negación | &no; | & # 172; |
| | guion suave | &tímido; | & # 173; |
| ® | marca registrada | & reg; | & # 174; |
| ™ | marca comercial | &comercio; | & # 8482; |
| ¯ | macron espaciado | & macr; | & # 175; |
| ° | la licenciatura | & deg; | & # 176; |
| ± | más o menos | & plusmn; | & # 177; |
| ² | superíndice 2 | & sup2; | & # 178; |
| ³ | superíndice 3 | & sup3; | & # 179; |
| ´ | espaciamiento agudo | &agudo; | & # 180; |
| µ | micro | µ | & # 181; |
| ¶ | párrafo | ¶ca; | & # 182; |
| · | punto medio | & middot; | & # 183; |
| ¸ | espaciado cedilla | & cedil; | & # 184; |
| ¹ | superíndice 1 | & sup1; | & # 185; |
| º | indicador ordinal masculino | & ordm; | & # 186; |
| » | comillas de ángulo (derecha) | & raquo; | & # 187; |
| ¼ | fracción 1/4 | & frac14; | & # 188; |
| ½ | fracción 1/2 | & frac12; | & # 189; |
| ¾ | fracción 3/4 | & frac34; | & # 190; |
| ¿ | signo de interrogación invertido | & iquest; | & # 191; |
| × | multiplicación | &veces; | & # 215; |
| ÷ | división | &dividir; | & # 247; |
Entidades de caracteres ISO 8859-1
| Resultado | Descripción | Nombre de la entidad | Código numérico |
|---|---|---|---|
| UN | mayúscula, acento grave | &Una tumba; | & # 192; |
| UN | mayúscula, acento agudo | & Agudo; | & # 193; |
| UN | mayúscula, acento circunflejo | & Acirc; | & # 194; |
| UN | mayúscula, tilde | & Atilde; | & # 195; |
| UN | mayúscula, diéresis | & Auml; | & # 196; |
| UN | mayúscula, anillo | &Un anillo; | & # 197; |
| Æ | capital ae | & AElig; | & # 198; |
| C | mayúscula c, cedilla | & Ccedil; | & # 199; |
| MI | e mayúscula, acento grave | & Egrave; | & # 200; |
| MI | e mayúscula, acento agudo | & Eacute; | & # 201; |
| MI | e mayúscula, acento circunflejo | & Ecirc; | & # 202; |
| MI | e mayúscula, diéresis | & Euml; | & # 203; |
| YO | I mayúscula, acento grave | & Igrave; | & # 204; |
| YO | i mayúscula, acento agudo | & Iacute; | & # 205; |
| YO | I mayúscula, acento circunflejo | & Icirc; | & # 206; |
| YO | i mayúscula, diéresis | & Iuml; | & # 207; |
| RE | capital eth, islandés | & ETH; | & # 208; |
| NORTE | n mayúscula, tilde | & Ntilde; | & # 209; |
| Ò | mayúscula, acento grave | & Ograve; | & # 210; |
| Ó | o mayúscula, acento agudo | & Oacute; | & # 211; |
| Ô | o mayúscula, acento circunflejo | & Ocirc; | & # 212; |
| Õ | mayúscula, tilde | & Otilde; | & # 213; |
| Ö | O mayúscula, marca de diéresis | & Ouml; | & # 214; |
| Ø | capital o, barra | & Oslash; | & # 216; |
| Ù | U mayúscula, acento grave | & Ugrave; | & # 217; |
| Ú | u mayúscula, acento agudo | & Uacute; | & # 218; |
| Û | u mayúscula, acento circunflejo | & Ucirc; | & # 219; |
| Ü | U mayúscula, marca de diéresis | & Uuml; | & # 220; |
| Ý | mayúscula, acento agudo | & Yacute; | & # 221; |
| Þ | capital THORN, islandés | &ESPINA; | & # 222; |
| ß | pequeña s aguda, alemán | & szlig; | & # 223; |
| un | pequeña a, acento grave | &una tumba; | & # 224; |
| un | pequeña a, acento agudo | & aacute; | & # 225; |
| un | pequeña a, acento circunflejo | & acirc; | & # 226; |
| un | pequeña a, tilde | & atilde; | & # 227; |
| un | pequeña a, marca de diéresis | & auml; | & # 228; |
| un | pequeña a, anillo | &un anillo; | & # 229; |
| æ | pequeño ae | & aelig; | & # 230; |
| C | pequeña c, cedilla | & ccedil; | & # 231; |
| mi | e minúscula, acento grave | & egrave; | & # 232; |
| mi | e minúscula, acento agudo | & eacute; | & # 233; |
| mi | e minúscula, acento circunflejo | & ecirc; | & # 234; |
| mi | e pequeña, marca de diéresis | & euml; | & # 235; |
| yo | yo pequeña, acento grave | & igrave; | & # 236; |
| yo | i pequeña, acento agudo | & iacute; | & # 237; |
| yo | i pequeña, acento circunflejo | & icirc; | & # 238; |
| yo | pequeña i, marca de diéresis | & iuml; | & # 239; |
| re | pequeño eth, islandés | & eth; | & # 240; |
| norte | n pequeña, tilde | & ntilde; | & # 241; |
| ò | o pequeña, acento grave | & ograve; | & # 242; |
| ó | o pequeña, acento agudo | & oacute; | & # 243; |
| ô | o pequeña, acento circunflejo | & ocirc; | & # 244; |
| õ | pequeña o, tilde | & otilde; | & # 245; |
| ö | pequeña o, marca de diéresis | & ouml; | & # 246; |
| ø | pequeña o, barra | & oslash; | & # 248; |
| ù | pequeña u, acento grave | & ugrave; | & # 249; |
| ú | u pequeña, acento agudo | & uacute; | & # 250; |
| û | u pequeña, acento circunflejo | & ucirc; | & # 251; |
| ü | pequeña u, marca de diéresis | & uuml; | & # 252; |
| ý | pequeña y, acento agudo | & yacute; | & # 253; |
| þ | pequeña espina, islandés | &espina; | & # 254; |
| ÿ | pequeña y, marca de diéresis | & yuml; | & # 255; |
Otras entidades compatibles con los navegadores HTML
| Resultado | Descripción | Nombre de la entidad | Código numérico |
|---|---|---|---|
| Π| ligadura de capital OE | & OElig; | & # 338; |
| œ | pequeña ligadura oe | & oelig; | & # 339; |
| Š | mayúscula S con caron | & Scaron; | & # 352; |
| š | pequeña S con caron | & scaron; | & # 353; |
| Ÿ | Y mayúscula con diéres | & Yuml; | & # 376; |
| ˆ | letra modificadora acento circunflejo | & circ; | & # 710; |
| ˜ | tilde pequeña | & tilde; | & # 732; |
| en el espacio | & ensp; | & # 8194; | |
| em espacio | & emsp; | & # 8195; | |
| espacio delgado | & thinsp; | & # 8201; | |
| | no carpintero de ancho cero | & zwnj; | & # 8204; |
| | carpintero de ancho cero | & zwj; | & # 8205; |
| | marca de izquierda a derecha | & lrm; | & # 8206; |
| | marca de derecha a izquierda | & rlm; | & # 8207; |
| - | en guión | & ndash; | & # 8211; |
| - | guión largo | & mdash; | & # 8212; |
| ' | comillas simples a la izquierda | & lsquo; | & # 8216; |
| ' | comillas simples a la derecha | y rsquo; | & # 8217; |
| ‚ | comillas simples de 9 bajos | & sbquo; | & # 8218; |
| " | comillas dobles a la izquierda | & ldquo; | & # 8220; |
| " | comillas dobles a la derecha | & rdquo; | & # 8221; |
| „ | comillas dobles bajas-9 | & bdquo; | & # 8222; |
| † | daga | &daga; | & # 8224; |
| ‡ | daga doble | &Daga; | & # 8225; |
| ... | elipsis horizontal | & hellip; | & # 8230; |
| ‰ | Por milla | & permil; | & # 8240; |
| ‹ | cita única de ángulo que apunta a la izquierda | & lsaquo; | & # 8249; |
| › | cita única de ángulo que apunta a la derecha | & rsaquo; | & # 8250; |
| € | euro | € | & # 8364; |