Los caracteres especiales son caracteres técnicos que no están representados en el teclado y están codificados mediante UNICODE u otro metalenguaje. Los caracteres especiales se dividen en grupos: matemático, alfabeto griego, ISO 8859-1 y otros. Por qué son necesarios y cómo utilizarlos, lea más en el artículo.

Usar caracteres especiales al escribir documentos

El uso es para los siguientes propósitos:

1. Dando al artículo integridad y estética. Los carteles especiales le ayudan a comprender rápidamente los valores dimensionales o leer un nombre histórico en latín o griego.
2. Algunos elementos aseguran la correcta disposición del documento. Por ejemplo, “” y “” son diferentes, los primeros se transmiten por medios estándar, los demás mediante caracteres especiales.
3. El diseño de documentos matemáticos no puede prescindir del conocimiento de los principales grupos de elementos.

Señales básicas

El material le permitirá encontrar caracteres especiales en la codificación adecuada para insertarlos rápidamente en el texto.

Apariencia	Designación	Código HTML	código CSS
☃	Muñeco de nieve	☃	\2603
☦	cruz ortodoxa	☦	\2626
⚓	Ancla	⚓	\2693
✆	señal de telefono	✆	\2706
☎	Teléfono	☎	\260E
☕	Bebidas calientes	☕	\2615
✎	Lápiz apuntando hacia abajo	✎	\270E
✏	Lápiz	✏	\270F
✐	Lápiz apuntando hacia arriba a la derecha.	✐	\2710
✑	Punta en blanco	✑	\2711
✒	Punta de bolígrafo rellena	✒	\2712
⚜	flor de lis	⚜	\269C
⛑	Casco con cruz blanca	⛑	\26D1
⚝	Estrella blanca dibujada	⚝	\269D
❄	Copo de nieve	❄	\2744
❤	Corazón audaz sombreado	❤	\2764
❅	Copo de nieve intercalado por tréboles	❅	\2745
❆	Copo de nieve gordo y de ángulo agudo	❆	\2746
★	estrella sombreada	★	\2605
☆	estrella en blanco	☆	\2606
✪	Estrella vacía en un círculo lleno	✪	\272A
✫	Estrella rellena con un círculo abierto en su interior.	✫	\272B
✯	estrella giratoria	✯	\272F
❉	Estrella con extremos esféricos	❉	\2749
❋	Atrevida hélice de estrella en forma de gota de ocho puntas	❋	\274B
✲	Estrella con centro en blanco	✲	\2732
☀	Sol pintado con rayos	☀	\2600
☁	Nubes	☁	\2601
☂	Paraguas	☂	\2602
☑	Marque en un cuadrado	☑	\2611
☒	cruz en un cuadrado	☒	\2612
☹	Emoticono con el ceño fruncido	☹	\2639
☺	Emoticono sonriente	☺	\263A
☻	Emoticono sonriente sombreado	☻	\263B
☭	Martillo y hoz	☭	\262D
⚑	Bandera llena	⚑	\2691
⚐	bandera en blanco	⚐	\2690
☰	trigrama	☰	\2630
✿	flor pintada	✿	\273f
❀	flor en blanco	❀	\2740
✾	Flor con seis pétalos	✾	\273E
❁	Flor delineada de color	❁	\2741
❂	Flor hecha de puntos	❂	\2742
✉	Sobre	✉	\2709
❦	Corazón en forma de flor.	❦	\2766
❶	Numero 1	❶	\2776
❷	Número 2	❷	\2777
❸	Numero 3	❸	\2778
❹	Número 4	❹	\2779
❺	Número 5	❺	\277A
❻	Número 6	❻	\277B
❼	Numero 7	❼	\277C
❽	Numero 8	❽	\277D
➒	Número 9	➒	\2792
➓	Numero 10	➓	\2793
✖	Signo de multiplicación en negrita	✖	\2716
✘	cruz negrita	✘	\2718
✔	Marca de verificación en negrita	✔	\2714
✚	cruz gorda	✚	\271A
⚛	símbolo del átomo	⚛	\269B
♺	Símbolo de reciclaje	♺	\267A
❑	Cuadrado vacío con sombra inferior derecha	❑	\2751
❒	Cuadrado vacío con sombra superior derecha	❒	\2752
◈	Diamante en un marco	◈	\25C8
◐	Círculo con la mitad izquierda llena	◐	\25D0
◑	Círculo con la mitad derecha llena	◑	\25D1
⁂	Tres estrellas	⁂	\2042

Signos de puntuación

Apariencia	Designación	Código HTML	código CSS
<	Signo menor que (principio de etiqueta)	<	\003C
>	Signo mayor que (fin de la etiqueta)	>	\003E
«	Soporte de doble ángulo izquierdo	«	\00AB
»	Soporte de doble ángulo derecho	»	\00BB
‹	Comilla simple en la esquina izquierda	‹	\2039
›	Comilla simple en la esquina derecha	›	\203A
«	cita doble	"	\0022
′	Un solo golpe	′	\2032
″	Doble trazo	″	\2033
‘	Comilla simple izquierda	‘	\2018
’	Comilla simple derecha	’	\2019
‚	Comilla simple inferior	‚	\201A
“	Comilla doble izquierda	“	\201C
”	doble comilla derecha	”	\201D
„	Comilla doble inferior	„	\201E
❜	Coma inicial en negrita	❜	\275C
❛	Coma superior rotada simple en negrita	❛	\275B
&	ampersand	&	\0026
‘	Apóstrofe (comilla simple)	"	\0027
§	Párrafo	§	\00A7
©	signo de derechos de autor		\00A9
¬	signo de negación	¬	\00AC
®	Marca registrada	®	\00AE
¯	Macron	¯	\00AF
°	Grado	°	\00B0
±	Más o menos	±	\00B1
¹	Superíndice "1"	¹	\00B9
²	Superíndice "2"	²	\00B2
³	Superíndice "3"	³	\00B3
¼	Un cuarto	¼	\00BC
½	Un medio	½	\00BD
¾	Tres cuartos	¾	\00ES
´	Tilde	´	\00B4
µ	Micro	µ	\00B5
¶	marca de párrafo	¶	\00B6
·	Signo de multiplicación	·	\00B7
¿	Signo de interrogación invertido	¿	\00BF
ƒ	signo de florín	ƒ	\0192
™	signo de marca	™	\2122
	marcador de lista	.	\2022
…	Elipsis	…	\2026
‾	superposición	‾	\203E
–	Guión largo	-	\2013
-	Guión largo	—	\2014
‰	ppm	‰	\2030
}	Llave derecha	}	\007D
{	Llave izquierda	{	\007B
=	Signo igual	=	\003D
≠	signo de desigualdad	≠	\2260
≅	Congruencia (igualdad geométrica)	≅	\2245
≈	Casi igual	≈	\2248
≤	Menor o igual	≤	\2264
≥	Mayor que o igual	≥	\2265
∠	Esquina	∠	\2220
⊥	Perpendicular (botón arriba)	⊥	\22A5
√	Raíz cuadrada	√	\221A
∑	suma N-aria	∑	\2211
∫	Integral	∫	\222B
※	signo de nota al pie	※	\203B
÷	signo de división	÷	\00F7
∞	símbolo de infinito	∞	\221E
@	Símbolo de perro	@	\0040
[	Corchete izquierdo	[	\005B
]	Corchete derecho	]	\005D

Flechas

Apariencia	Designación	Código HTML	código CSS
←	Flecha izquierda	←	\2190
	Flecha arriba		\2191
→	Flecha correcta	→	\2192
↓	Flecha hacia abajo	↓	\2193
↔	Flecha izquierda-derecha	↔	\2194
↵	Flecha hacia abajo e izquierda: señal de retorno de carro	↵	\21B5
⇐	Doble flecha izquierda	⇐	\21D0
⇑	Doble flecha hacia arriba	⇑	\21D1
⇒	Doble flecha a la derecha	⇒	\21D2
⇓	Doble flecha hacia abajo	⇓	\21D3
⇔	Doble flecha izquierda-derecha	⇔	\21D4
➠	Flecha voladora	➠	\27A0
➤	Punta de flecha	➤	\27A4
➥	Flecha curva que apunta hacia abajo y hacia la derecha.	➥	\27A5
➦	Flecha curva que apunta hacia arriba y hacia la derecha.	➦	\27A6
➳	Flecha a la derecha	➳	\27B3
↺		↺	\21BA
↻	Flecha redonda con punta en sentido antihorario.	↻	\21BB
⇧	Flecha gruesa hueca hacia arriba	⇧	\21E7
↩	Flecha izquierda con gancho	↩	\21A9
➫	Flecha inclinada hacia abajo	➫	\27AB
⬇	Flecha hacia abajo llena	⬇	\2B07
⬆	Flecha hacia arriba llena	⬆	\2B06

Trajes de cartas, signos del zodíaco e iconos de moneda.

Apariencia	Designación	Código HTML	código CSS
♠	"Espadas"	♠	\2660
♣	"Clubs"	♣	\2663
	"Corazones"		\2665
♦	"Diamantes"	♦	\2666
♡	Contorno "Corazones"	♡	\2661
♢	Contorno "Panderetas"	♢	\2662
♤	Contorno de picos	♤	\2664
♧	Esquema de "clubes"	♧	\2667
¢	Centavo	¢	\FFE0
£	GBP	£	\FFE1
₽	Rublo ruso	₽	\20BD
¥	yenes o yuanes	¥	\00A5
€	Euro	€	\20AC
$	Dólar	$	\0024
₴	Signo de grivna	₴	\20B4
₹	Rupia india	₹	\20B9
圓	CNY	圓	\5713
₸	tenge kazajo	₸	\20B8
♈	Aries	♈	\2648
♉	Tauro	♉	\2649
♊	Mellizos	♊	\264A
♋	Cáncer	♋	\264B
♌	un leon	♌	\264C
♍	Virgo	♍	\264D
♎	Escamas	♎	\264E
♏	Escorpión	♏	\264F
♐	Sagitario	♐	\2650
♑	Capricornio	♑	\2651
♒	Acuario	♒	\2652
♓	Pez	♓	\2653

Alfabeto griego

Carta	minúscula		capitales
	símbolo	código HTML	símbolo	código HTML
alfa	α	α	Α	Α
beta	β	β	Β	Β
gama	γ	γ	Γ	Γ
delta	δ	δ	Δ	Δ
épsilon	ε	ε	Ε	Ε
zeta	ζ	ζ	Ζ	Ζ
este	η	η	Η	Η
theta	θ	θ	Θ	Θ
iota	ι	ι	Ι	Ι
kappa	κ	κ	Κ	Κ
lambda	λ	λ	Λ	Λ
mu	μ	μ	Μ	Μ
desnudo	ν	ν	Ν	Ν
xi	ξ	ξ	Ξ	Ξ
ómicrón	ο	ο	Ο	Ο
Pi	π	π	Π	Π
ro	ρ	ρ	Ρ	Ρ
sigma	σ	σ	Σ	Σ
sigma final	ς	ς
Tau	τ	τ	Τ	Τ
upsilon	υ	υ	Υ	Υ
fi	φ	φ	Φ	Φ
ji	χ	χ	Χ	Χ
psi	ψ	ψ	Ψ	Ψ
omega	ω	ω	Ω	Ω

Cómo usarlo en la práctica.

Independientemente del CMS, la adición de un artículo se realiza mediante un editor visual y una versión HTML. Todos los caracteres especiales de la codificación sólo se pueden insertar en el segundo caso. Para utilizar correctamente las herramientas se recomienda tomar nota de las tablas que muestran el código y la representación externa.

Tenga en cuenta que si inserta un signo en la representación visual de un artículo, el elemento se convertirá en el código correspondiente en HTML. Al ingresar información manualmente, tenga en cuenta el caso que afecta el resultado final.

Los caracteres especiales HTML son construcciones de lenguaje especiales que hacen referencia a caracteres del conjunto de caracteres utilizado en archivos de texto. La tabla muestra una lista de caracteres reservados y especiales que no se pueden agregar al código fuente de un documento HTML usando el teclado:

• caracteres que no se pueden ingresar usando el teclado (por ejemplo, un símbolo de copyright)
• caracteres destinados a marcar (por ejemplo, un signo mayor o menor que)

Estos caracteres se añaden mediante un código numérico o un nombre.

Símbolo	código numérico	Nombre del símbolo	Descripción
"	"	"	comillas
"	"	"	apóstrofe
&	&	&	signo comercial
<		<	signo menor que
>	>	>	mas señal
			espacio sin separación (un espacio sin separación es un espacio que aparece dentro de una línea como un espacio normal, pero no permite que los programas de visualización e impresión rompan la línea en este punto).
¡	¡	¡	signo de exclamación invertido
¢	¢	¢	centavo
£	£	£	libra
¤	¤	¤	monedas
¥	¥	¥	yen
¦	¦	¦	barra vertical rota
§	§	§	sección
¨	¨	¨	intervalo (cirílico)
	©		signo de derechos de autor
ª	ª	ª	exponente ordinal femenino
«	«	«	Citas francesas (en espiga) - izquierda
¬	¬	¬	expresiones-de-negacion
®	®	®	marca registrada
¯	¯	¯	intervalo de macrones
°	°	°	grado
±	±	±	más o menos
²	²	²	superíndice 2
³	³	³	superíndice 3
´	´	´	intervalo agudo
µ	µ	µ	micro
¶	¶	¶	párrafo
·	·	·	punto medio
¸	¸	¸	intervalo de cedilla
¹	¹	¹	superíndice 1
º	º	º	exponente ordinal masculino
»	»	»	Citas francesas (en espiga) - derecha
¼	¼	¼	1/4 parte
½	½	½	1/2 parte
¾	¾	¾	3/4 partes
¿	¿	¿	signo de interrogación invertido
×	×	×	multiplicación
÷	÷	÷	división
́	́		énfasis
Œ	Œ	Œ	ligadura de capital OE
œ	œ	œ	ligadura de minúsculas oe
Š	Š	Š	S con corona
š	š	š	S minúscula con corona
Ÿ	Ÿ	Ÿ	Y mayúscula con tiara
ƒ	ƒ	ƒ	f con gancho
ˆ	ˆ	ˆ	acento dicriático
˜	˜	˜	tilde pequeña
–	–	-	estrellarse
—	—	—	guión largo
‘	‘	‘	comilla simple izquierda
’	’	’	comilla simple derecha
‚	‚	‚	comilla simple inferior
“	“	“	comillas dobles izquierdas
”	”	”	comillas dobles derechas
„	„	„	comillas dobles inferiores
†	†	†	daga
‡	‡	‡	doble daga
		.	bala
…	…	…	puntos suspensivos horizontales
‰	‰	‰	ppm (milésimas)
′	′	′	minutos
″	″	″	segundos
‹	‹	‹	cita única en la esquina izquierda
›	›	›	cita única en la esquina derecha
‾	‾	‾	superponer
€	€	€	Euro
™	™ o	™	marca comercial
←	←	←	flecha izquierda
			flecha arriba
→	→	→	flecha correcta
↓	↓	↓	flecha hacia abajo
↔	↔	↔	doble flecha
↵	↵	↵	flecha de retorno de carro
⌈	⌈	⌈	esquina superior izquierda
⌉	⌉	⌉	esquina superior derecha
⌊	⌊	⌊	esquina inferior izquierda
⌋	⌋	⌋	esquina inferior derecha
◊	◊	◊	rombo
♠	♠	♠	picos
♣	♣	♣	cruz
			gusanos
♦	♦	♦	diamantes

Símbolos matemáticos soportados en HTML

Símbolo	código numérico	Nombre del símbolo	Descripción
∀	∀	∀	para cualquiera, para todos
∂	∂	∂	Parte
∃	∃	∃	existe
∅	∅	∅	conjunto vacio
∇	∇	∇	Operador de Hamilton (nabla)
∈	∈	∈	pertenece al conjunto
∉	∉	∉	no pertenece al conjunto
∋	∋	∋	o
∏	∏	∏	trabajar
∑	∑	∑	suma
−	−	−	menos
∗	∗	∗	multiplicación u operador conjugado a
×	×	&veces	signo de multiplicación
√	√	√	Raíz cuadrada
∝	∝	∝	proporcionalidad
∞	∞	∞	infinidad
⋮	⋮		multiplicidad
∠	∠	∠	esquina
∧	∧	∧	Y
∨	∨	∨	o
∩	∩	∩	intersección
∪	∪	∪	Unión
∫	∫	∫	integral
∴	∴	∴	Es por eso
∼	∼	∼	como
≅	≅	≅	comparable
≈	≈	≈	aproximadamente igual
≠	≠	≠	no es igual
≡	≡	≡	idénticamente
≤	≤	≤	menos o igual
⩽	⩽ ⩽	⩽ ⩽	menos o igual
≥	≥	≥	más o igual
⩾	⩾ ⩾	⩾ ⩾	más o igual
⊂	⊂	⊂	subconjunto
⊃	⊃	⊃	superconjuntos
⊄	⊄	⊄	no es un subconjunto
⊆	⊆	⊆	subconjunto
⊇	⊇	⊇	superconjunto
⊕	⊕	⊕	cantidad directa
⊗	⊗	⊗	producto más tenso
⊥	⊥	⊥	perpendicular
⋅	⋅	⋅	operador de punto

Alfabetos griego y copto

Símbolo	código numérico	código hexadecimal	Nombre del símbolo
Ͱ	Ͱ	Ͱ
ͱ	ͱ	ͱ
Ͳ	Ͳ	Ͳ
ͳ	ͳ	ͳ
ʹ	ʹ	ʹ
͵	͵	͵
Ͷ	Ͷ	Ͷ
ͷ	ͷ	ͷ
ͺ	ͺ	ͺ
ͻ	ͻ	ͻ
ͼ	ͼ	ͼ
ͽ	ͽ	ͽ
;	;	;
΄	΄	΄
΅	΅	΅
Ά	Ά	Ά
·	·	·
Έ	Έ	Έ
Ή	Ή	Ή
Ί	Ί	Ί
Ό	Ό	Ό
Ύ	Ύ	Ύ
Ώ	Ώ	Ώ
ΐ	ΐ	ΐ
Α	Α	Α	Α
Β	Β	Β	Β
Γ	Γ	Γ	Γ
Δ	Δ	Δ	Δ
Ε	Ε	Ε	Ε
Ζ	Ζ	Ζ	Ζ
Η	Η	Η	Η
Θ	Θ	Θ	Θ
Ι	Ι	Ι	Ι
Κ	Κ	Κ	Κ
Λ	Λ	Λ	Λ
Μ	Μ	Μ	Μ
Ν	Ν	Ν	Ν
Ξ	Ξ	Ξ	Ξ
Ο	Ο	Ο	Ο
Π	Π	Π	Π
Ρ	Ρ	Ρ	Ρ
Σ	Σ	Σ	Σ
Τ	Τ	Τ	Τ
Υ	Υ	Υ	Υ
Φ	Φ	Φ	Φ
Χ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ψ
Ω	Ω	Ω	Ω
Ϊ	Ϊ	Ϊ
Ϋ	Ϋ	Ϋ
ά	ά	ά
έ	έ	έ
ή	ή	ή
ί	ί	ί
ΰ	ΰ	ΰ
α	α	α	α
β	β	β	β
γ	γ	γ	γ
δ	δ	δ	δ
ε	ε	ε	ε
ζ	ζ	ζ	ζ
η	η	η	η
θ	θ	θ	θ
ι	ι	ι	ι
κ	κ	κ	κ
λ	λ	λ	λ
μ	μ	μ	μ
ν	ν	ν	ν
ξ	ξ	ξ	ξ
ο	ο	ο	ο
π	π	π	π
ρ	ρ	ρ	ρ
ς	ς	ς	ς
σ	σ	σ	σ
τ	τ	τ	τ
υ	υ	υ	υ
φ	φ	φ	φ
χ	χ	χ	χ
ψ	ψ	ψ	ψ
ω	ω	ω	ω
ϊ	ϊ	ϊ
ϋ	ϋ	ϋ
ό	ό	ό
ύ	ύ	ύ
ώ	ώ	ώ
Ϗ	Ϗ	Ϗ
ϐ	ϐ	ϐ
ϑ	ϑ	ϑ	ϑ
ϒ	ϒ	ϒ	ϒ
ϓ	ϓ	ϓ
ϔ	ϔ	ϔ
ϕ	ϕ	ϕ	ϕ
ϖ	ϖ	ϖ	ϖ
ϗ	ϗ	ϗ
Ϙ	Ϙ	Ϙ
ϙ	ϙ	ϙ
Ϛ	Ϛ	Ϛ
ϛ	ϛ	ϛ
Ϝ	Ϝ	Ϝ	Ϝ
ϝ	ϝ	ϝ	ϝ
Ϟ	Ϟ	Ϟ
ϟ	ϟ	ϟ
Ϡ	Ϡ	Ϡ
ϡ	ϡ	ϡ
Ϣ	Ϣ	Ϣ
ϣ	ϣ	ϣ
Ϥ	Ϥ	Ϥ
ϥ	ϥ	ϥ
Ϧ	Ϧ	Ϧ
ϧ	ϧ	ϧ
Ϩ	Ϩ	Ϩ
ϩ	ϩ	ϩ
Ϫ	Ϫ	Ϫ
ϫ	ϫ	ϫ
Ϭ	Ϭ	Ϭ
ϭ	ϭ	ϭ
Ϯ	Ϯ	Ϯ
ϯ	ϯ	ϯ
ϰ	ϰ	ϰ	ϰ
ϱ	ϱ	ϱ	ϱ
ϲ	ϲ	ϲ
ϳ	ϳ	ϳ
ϴ	ϴ	ϴ
ϵ	ϵ	ϵ	ϵ
϶	϶	϶	϶
Ϸ	Ϸ	Ϸ
ϸ	ϸ	ϸ
Ϲ	Ϲ	Ϲ
Ϻ	Ϻ	Ϻ
ϻ	ϻ	ϻ
ϼ	ϼ	ϼ
Ͻ	Ͻ	Ͻ
Ͼ	Ͼ	Ͼ
Ͽ	Ͽ	Ͽ

¿Por qué se necesitan caracteres especiales y cómo usarlos?

Digamos que decide describir alguna etiqueta en su página, pero como el navegador usa caracteres< и >Al igual que el inicio y el final de una etiqueta, aplicarlos dentro del contenido de su código html puede generar problemas. Pero HTML le ofrece una manera fácil de definir estos y otros caracteres especiales usando abreviaturas simples llamadas referencias a símbolos.

Veamos cómo funciona esto. Para cada carácter que se considera especial o que desea utilizar en su página web pero que no se puede imprimir en su editor (como el símbolo de copyright), busca la abreviatura y la imprime en el código html en lugar del carácter deseado. Por ejemplo, para el símbolo ">" la abreviatura es > , y para el símbolo "<" - < .

Digamos que desea imprimir "Elemento muy importante" en su página. En su lugar, tendrás que usar referencias a los símbolos que necesitas para mostrar la entrada correctamente y, al final, tu entrada en el código debería verse así:

Elemento muy importante

Intentar "

Otro carácter especial que debes conocer es el símbolo & (ampersand). Si desea que aparezca en su página HTML, utilice el enlace & en lugar del carácter &.

Hoy lo descubrirás cómo hacer una casilla de verificación en HTML y agregarle CSS estilos para una mejor compatibilidad con el diseño del sitio.

Demostración

Casilla de verificación en HTML

Creemos un bloque con cuatro casillas de verificación, la primera estará marcada con una marca. Cada casilla de verificación estará encerrada en una etiqueta. etiqueta, dentro del cual hay un campo de entrada, texto y un elemento durar para ser estilizado.

Uno

Dos

Tres

cuatro

Etiqueta etiqueta sirve como contenedor para cada casilla de verificación; para mayor claridad, configuro temporalmente un marco rojo para la etiqueta etiqueta. Cuando tienes poca experiencia, esta es una buena forma de ver los límites de cualquier etiqueta para no actuar a ciegas.

CSS para casilla de verificación

Etiqueta de línea etiqueta, reemplácelo con bloque (bloqueo de pantalla) para que las casillas de verificación queden una debajo de la otra, selección de usuario: ninguna– impide que el usuario seleccione un elemento.

Envase (
bloqueo de pantalla;
selección de usuario: ninguna;
}

Este código oculta los estilos de navegador predeterminados para la casilla de verificación. Hacemos el elemento completamente transparente opacidad, ancho Y altura con un valor cero y en su lugar, establezca estilos personalizados para la casilla de verificación.

Entrada del contenedor (
opacidad: 0;
altura: 0;
ancho: 0;
}

Creamos casillas de verificación personalizadas. Cambia el tamaño y color del fondo.

Marca de verificación (
altura: 23px;
ancho: 22px;
color de fondo: #eec321;
}

Cuando pase el cursor, oscurezca un poco el color de fondo.

Contenedor: entrada flotante ~ .checkmark (
color de fondo: #ccc678;
}

Para una casilla marcada, establezca un color diferente para el fondo.

Entrada del contenedor: marcado ~ .checkmark (
color de fondo: #2196f3;
}

Ocultar la casilla de verificación para casillas de verificación no marcadas usando un pseudoelemento después.

Marca de verificación: después (
contenido: "";
posición: absoluta;
pantalla: ninguna;
}

Hacemos que la marca de verificación sea visible solo para las casillas marcadas.

Entrada del contenedor: marcado ~ .checkmark: después (
bloqueo de pantalla;
}

Dibuja y estiliza la marca de verificación. Dibujamos una marca de verificación en un espacio en blanco. CSS. Dibujemos un rectángulo con un marco blanco, los dos lados del rectángulo no tienen marco (ancho cero), obtenemos una esquina rectangular, la giramos 45 grados y obtenemos una marca de verificación.

El texto mecanografiado consta de caracteres impresos: símbolos gráficos.
Los símbolos gráficos son símbolos que tienen una visualización visible en el texto.
Todos los símbolos gráficos se recopilan en un conjunto de un único sistema Unicode universal.
Insertar un símbolo gráfico Unicode en un documento html
- el principal y único propósito de esta tabla.

Puede insertar un símbolo en un documento HTML de una de las siguientes maneras:

1. copie la imagen del símbolo desde la ventana del navegador a la ventana de su editor visual html
2. copie el código html del símbolo directamente en el código del documento html

Por favor, comprenda que estos son dos métodos diferentes:

1. insertar visual en visual
2. insertar código en el código.

La fuente de un símbolo, su tamaño y color en HTML se pueden configurar con código como:
CÓDIGO_CARACTER
Dónde,
Arial - fuente,
10px: tamaño de fuente en píxeles,
#ff0000 - código de color de fuente (rojo)

Por ejemplo:
☎ - tamaño de fuente de caracteres 30px,
☎ - tamaño de fuente del símbolo 30px, color - rojo
☎ - tamaño de fuente de caracteres 20px,
☎ - tamaño de fuente del símbolo 10px.
Nota Las fuentes recomendadas para insertar caracteres especiales son Arial, Verdana y Tahoma. Estas fuentes muestran caracteres Unicode correctamente y son compatibles correctamente con aplicaciones web.

1. "Símbolo"
   (visualización de símbolos visibles)
   Desde esta columna puede copiar la imagen del símbolo y pegarla en la ventana del editor de texto HTML. El símbolo se copiará con un tamaño de fuente de 20px. Una vez completada la copia, puede que sea necesario ajustar individualmente el tamaño de fuente directamente al carácter copiado.
2. "Nombre"
   (solo para personajes importantes o poco claros)
   Explicación de la finalidad del símbolo, su alcance, ejemplos...
3. "Mnemotécnica"
   Un mnemotécnico es una construcción alfabética de la forma ", que denota el código alfabético de un carácter en HTML. Se inserta directamente en el código html de un documento html. Los mnemotécnicos son muy populares entre los diseñadores de diseño profesionales. Son perfectamente memorizados por humanos y son compatibles con todas las aplicaciones html. Cada mnemónico contiene un nombre alfabético (designación ) de su símbolo y un signo de servicio (&), que sirve como señal para que el navegador lea el código y no se muestra en la pantalla del monitor.El nombre de cada mnemotécnico es único y fácil de leer, porque se deriva de la palabra inglesa que caracteriza al símbolo.

   Mnemónicos (griego): el arte de recordar algo. Los mnemónicos se utilizan para facilitar la percepción de información difícil de memorizar cuando el objeto de memorización entra en un estado asociativo con algo.

4. "Código"
   Código: el código decimal numérico de un carácter en HTML, como &. Insertado directamente en el código html de un documento html. El código decimal consta de un número que indica el número de serie del carácter en el sistema Unicode y varios caracteres de servicio (& y #), que sirven como señal para que el navegador lea el código y no se muestran en la pantalla del monitor. El código decimal es muy utilizado y utilizado debido a su versatilidad y facilidad de percepción.

Caracteres de control en HTML (XHTML)

Los caracteres de control en HTML (XHTML) son caracteres de servicio del lenguaje HTML que se utilizan en el diseño HTML de una página web. Cualquier navegador debe admitir estos caracteres, ya que sin ellos es imposible mostrar correctamente el texto HTML. Los caracteres de control no se muestran en el texto y, cuando se ingresan directamente desde el teclado, el navegador los interpreta como signos de puntuación que requieren la realización de alguna acción cuando la página se dibuja en la pantalla.

Está permitido utilizar caracteres de control en textos ordinarios, donde simbolizan conceptos universales y el navegador los interpreta como caracteres tipográficos ordinarios. Al utilizar símbolos de servicio en textos HTML de esta manera, no es necesario ingresar el valor del símbolo en sí, sino su código HTML. Porque, repito, de lo contrario el navegador percibirá el símbolo del servicio como una llamada a la acción y no mostrará correctamente el texto HTML en la pantalla del monitor.

Los símbolos de control y su código HTML son conocidos y comprendidos por todos los navegadores sin excepción, lo que no se puede decir, lamentablemente, de otros símbolos que pueden mostrarse incorrectamente en diferentes navegadores o, peor aún, no mostrarse en absoluto.

Sintaxis y puntuación

	espacio de longitud N (espacio regular)
	espacio de longitud M (espacio largo)
-	guión suave (carácter no imprimible)			-	­
‑	guión				– ‑
-	guión de longitud N (guión normal)			-	–
—	guión de longitud M (em guión)			—	—
.	punto				.
,	coma				,
…	elipsis			…	…
:	colon				:
;	punto y coma				;
!	signo de exclamación				! ǃ
?	signo de interrogación				?
@	"perro"				@
*	"estrella"				*
#	"enrejado"				#
‘	cita única superior izquierda			‘	‘ ‘
’	cita única superior derecha			’	’ ’
‚	cita única inferior derecha			‚	‚ ‚
“	doble cita superior izquierda			“	“ “
”	doble cita superior derecha			”	” ”
„	doble cita inferior derecha			&bdquo	„ „
«	comillas dobles en la esquina izquierda (ruso)			«	«
»	comillas dobles en la esquina derecha (ruso)			»	»
́	acento, ejemplo: Vasya				́
"	apóstrofe, ejemplo: tú"yo				"
´	agudo, ejemplo: Vasya			´	´
¶	párrafo (carácter no imprimible)			¶	¶
§	párrafo			§	§
ˆ	acento (pájaro invertido)			ˆ	ˆ ˆ
˜	tilde pequeña			˜	˜ ˜
¦	línea punteada vertical			¦	¦
(	paréntesis izquierdo				(
)	paréntesis derecho				)
〈	soporte de ángulo izquierdo			〈	〈
〉	soporte de ángulo recto			〉	〉
‹	soporte de ángulo izquierdo, opción			‹	‹
›	soporte en ángulo recto, opción			›	›
[	corchete izquierdo				[
]	corchete derecho				]
/	barra diagonal - carácter de barra diagonal				/
\	barra invertida				\
⁄	barra diagonal (signo de división)			⁄	⁄
ǀ	barra vertical				ǀ
ǁ	doble barra vertical				ǁ
‾	superposición, ejemplo: Vasya‾vasya			‾	‾
¯	macron, ejemplo: Vasya¯vasya			¯	¯

Marcas y moneda

+	más			+	+
−	menos			−	- −
=	es igual				=
±	más o menos			±	±
×	signo de multiplicación			×	×
÷	signo de división			÷	÷
⋅	operador de punto (en medio de la línea)			⋅	· ⋅
∗	operador de asterisco (en medio de la línea)			∗	∗
∼	operador de tilde			∼	∼
.	marcador de lista (en medio de la línea)			.	•
¹	superíndice "1"			¹	¹
²	superíndice "2"			²	²
³	superíndice "3"			³	³
Superíndice y subíndice en HTML (XHTML) se puede insertar usando etiquetas Y , respectivamente: NÚMERO Sobrescrito→ NÚMERO Superíndice NÚMERO Subíndice→ NÚMERO Subíndice
½	fracción "la mitad"			½	½
⅓	fracción "un tercio"				⅓
¼	fracción "un cuarto"			¼	¼
¾	fracción "tres cuartos"			¾	¾
№	símbolo de número				№
%	por ciento				%
‰	ppm			‰	‰ ‰
°	grados			°	°
′	prime (minutos, pies)			′	′
″	doble prima (segundos, pulgadas) Ejemplo 1: 30° 25′ 12″ Ejemplo 2: 25′ 12 ″			″	″
µ	micro			µ	µ
π	Pi			π	π
ƒ	signo de función (no confundir con "integral")			ƒ	ƒ ƒ
∫	integral			∫	∫
∅	cero cruzado, conjunto vacío (no confundir con "diámetro")			∅	∅
⌀	diámetro (no confundir con la “o” latina tachada)				⌀
ø	"o" latina tachada en diagonal			ø	ø
Ø	"O" mayúscula latina tachada en diagonal			Ø	Ø
∏	marca de trabajo			∏	∏
∑	signo de suma			∑	∑
√	radical (raíz cuadrada o raíz x)			√	√
∝	proporcionalmente			∝	∝
∞	infinidad			∞	∞
∠	esquina			∠	∠
⊥	ortogonal (perpendicular)			⊥	⊥
∴	firmar "por lo tanto"			∴	∴
≅	aproximadamente igual			≅	≅
≈	casi igual			≈	≈
≠	no es igual			≠	≠
≡	idénticamente			≡	≡
≤	menos o igual			≤	≤
≥	más o igual			≥	≥
∧	lógico Y			∧	∧
∨	O lógico			∨	∨
⊕	signo más en un círculo (cantidad directa)			⊕	⊕
⊗	signo de multiplicación en un círculo (producto cruzado, flecha del observador)			⊗	⊗
ʘ	punto en un círculo (flecha al observador)				ʘ

				✵ ✵

El símbolo de marca de verificación no está presente en el teclado, pero usando combinaciones especiales puede agregarlo fácilmente a su mensaje, publicación o documento de texto.

Echemos un vistazo más de cerca a cómo se puede hacer esto.

Tipos de marcas de verificación + usos

La marca de verificación (pájaro, grajilla) es un icono especial que se utiliza a menudo para describir la confirmación de algo.

Se puede encontrar en el diseño de listados o pensamientos subrayados. Después de leer las siguientes instrucciones, podrá encontrar y utilizar el símbolo usted mismo.

La opción más sencilla es copiar el objeto de este artículo. Hay varios tipos de icono:

Si necesita una casilla de verificación para usar en una oración o frase, simplemente copie el elemento que desee resaltándolo y presionando CTRL y C en su teclado.

Para escribir un pájaro en el teclado usted mismo, debe utilizar Unicode. Escribe la letra U y +. Luego debes marcar el código de la insignia.

Las designaciones digitales para diferentes tipos de marcas de verificación son las siguientes: 2713 (signo normal), 2714 (negrita), 2705 (marca de verificación resaltada en un cuadrado), 2611 (marca de verificación normal en un cuadrado).

Si la combinación U+2713 u otra no se convierte automáticamente en una marca de verificación, lo más probable es que el documento no esté configurado para reconocer automáticamente los caracteres Unicode o que esté ingresando el código incorrectamente.

El texto se transformará inmediatamente en el símbolo deseado, para que puedas escribirlo de forma segura en mensajes y varias publicaciones.

Icono en MS Word

Cualquiera que lo haya usado alguna vez sabe que establecer caracteres especiales ayuda a estructurar el documento y hacerlo fácil de leer.

Es posible que necesite la marca de verificación en el proceso de creación de una lista o enumeración de tareas.

Los usuarios inexpertos crean un letrero agregando una imagen con el elemento deseado al documento. Este enfoque es incorrecto porque aumenta el tamaño del archivo final.

Todo se puede hacer mucho más fácil. Para marcar la casilla en Word, siga los siguientes pasos.

• Abra el documento en cualquier versión del programa. Dependiendo del año de lanzamiento del software, la ubicación de las pestañas requeridas puede diferir;
• Haga clic en la sección "Insertar";
• En el lado derecho de la barra de herramientas, busque el elemento "Símbolo" y haga clic en él;
• En la ventana desplegable, haga clic en "Otros símbolos".

• En la ventana emergente, puede encontrar la marca de verificación utilizando uno de dos métodos. Seleccione el conjunto "Dingbats" y haga clic en el elemento deseado en la lista propuesta o ingrese el código del elemento en Unicode (hexadecimal) en la parte inferior de la ventana. Por ejemplo, 2714. Word encontrará automáticamente el objeto que necesita. Haga clic en él y confirme la acción haciendo clic en "Aceptar".

Fig.3 - caracteres especiales en Word

Después de agregar una marca de verificación al cuerpo del documento, puede aplicarle cualquier formato: cambiar el color, la fuente, el tipo de encabezado y otras opciones.