Índice
Cómo poner iconos en HTML
Los iconos son elementos gráficos pequeños que pueden añadirse a una página web para mejorar la apariencia visual y aumentar la usabilidad. En la Web puedes encontrar cientos de iconos para usar en un sitio web. Este tutorial explicará cómo incorporar iconos en HTML.
Usar iconos con texto
La forma más sencilla de incluir iconos en HTML es usar el elemento (o ) para marcar un fragmento de texto como “icono”. Esto funciona de la misma manera que emplear los elementos o , excepto que los iconos se guían por la clase CSS “icono”.
- Abre el documento HTML en un editor de texto. Puedes usar cualquier editor de texto plano, como Notepad (en Windows) o TextEdit (en Mac OS).
- Agrega una línea de texto al código HTML donde quieras que se muestre el icono. Por ejemplo, para mostrar un corazón puedes usar el fragmento: ♥.
- Agrega el código CSS y definición de la clase. Puedes pegar el texto que se muestra a continuación en la sección
· Cómo No Amarte Si