Códigos HTML para mostrar flechas
Este artículo analiza el uso de entidades de caracteres Unicode para mostrar diferentes caracteres en nuestra página HTML. Numerosas entidades se utilizan en HTML, pero nos centraremos en aprender las flechas triangulares para arriba, abajo, izquierda y derecha.
Entidades HTML con ejemplos
En HTML, algunos caracteres están reservados. Esto se debe a que el navegador puede confundir las etiquetas con los signos menor que (<) o mayor que (>) si los usa en su texto. En HTML, los caracteres reservados se muestran mediante entidades de caracteres.
Una entidad de carácter aparece de la siguiente manera:
&name_of_entity
O
&#number_of_entity
Significa que las entidades de caracteres HTML siempre comienzan con un signo ampersand (&) o un signo ampersand hash (&#). Entonces, por ejemplo, una entidad HTML que se usa con frecuencia es  , un espacio continuo entre dos palabras.
Las entidades también tienen un nombre y un número. Por ejemplo, el espacio de no separación tiene un nombre de entidad de   y un número de entidad de  . Ambos tienen el mismo significado y propósito.
Numerosas entidades se utilizan en HTML, pero discutiremos las flechas triangulares para arriba, abajo, izquierda y derecha. Veamos el siguiente ejemplo:
<html>
<body>
<h1>HTML Triangular Arrow Entities</h1>
<h2>The upper arrow is displayed as: ▲</h2>
</body>
</html>
De manera similar, si necesitamos mostrar una flecha triangular hacia abajo, entonces el código será:
<html>
<body>
<h1>HTML Triangular Arrow Entities</h1>
<h2>The down arrow is displayed as: ▼</h2>
</body>
</html>
Para mostrar una flecha triangular apuntando hacia la derecha, podemos usar el siguiente código:
<html>
<body>
<h1>HTML Triangular Arrow Entities</h1>
<h2>The right arrow is displayed as: ▶</h2>
</body>
</html>
Y la flecha que apunta hacia la derecha se muestra usando el siguiente número de entidad:
<html>
<body>
<h1>HTML Triangular Arrow Entities</h1>
<h2>The left arrow is displayed as: ◀</h2>
</body>
</html>
Tenga en cuenta que en todos los fragmentos de código HTML anteriores, usamos números decimales para mostrar entidades HTML. Estos símbolos, sin embargo, también se pueden mostrar utilizando sus códigos hexadecimales correspondientes.
La siguiente tabla da su equivalente hexadecimal correspondiente:
| Nombre | Código de entidad decimal | Código de entidad hexadecimal |
|---|---|---|
| triangular superior | ▲ |
▲ |
| Triangular Inferior | ▼ |
▼ |
| triángulo rectángulo | ▶ |
▶ |
| Triángulo Izquierdo | ◀ |
◀ |
Es para recordar que estos son una de esas variantes de triángulos; hay muchos otros también con diferentes colores y diferentes tamaños. Cada uno tiene diferentes códigos decimales y hexadecimales, respectivamente.