Manual de HTML

 
 
 

Mapa Web

 
borde   borde
Portada arrow Lista de Códigos HTML arrow Personalizar el icono de favoritos

 

Personalizar el icono de favoritos Imprimir E-mail

Seguro que os habéis fijado en un efecto muy curioso. Cuando añadimos algunos sitios web a nuestra carpeta de favoritos, aparece en esta carpeta con un icono a su lado. Y si visitamos esa web, ese mismo icono aparece en la barra de direcciones de nuestro explorador.

¿Cómo colocar un icono personalizado en los favoritos?
Es muy sencillo y nos puede ayudar a destacar, de forma que el usuario nos recuerde y vuelva a visitar nuestra web.

En primer lugar, para añadir este efecto necesitamos crear nuestro icono. Esto podemos hacerlo con la herramienta on-line de www.favicon.com o con herramientas como Microangelo o similares. El icono debe tener una medida de 16x16 píxeles.

El siguiente paso es subir el icono al directorio raíz de nuestro servidor.

Y para finalizar debemos incluir este código en la cabecera de nuestra pagina (entre <head> y </head>) , indicando la dirección del icono.

<LINK REL="SHORTCUT ICON" HREF="http://www.tuweb/favicon.ico">

Este es el aspecto que presentara nuestra web cuando sea añadida a favoritos:

Ejemplo de icono personalizado

Sin lugar a dudas es una forma de hacer más llamativa nuestra web para los usuarios y darle una apariencia profesional.

 

Steven De Winter
http://www.MiCantabria.com

 

 
Portada
Capítulos del Manual de HTML
Introducción
Estructura básica
Cabecera
Cuerpo
Juego de caracteres HTML
Espacios y saltos de línea
Cabeceras
Atributos del texto
Listas
Imágenes
Enlaces
Tablas
Mapas
Formularios
Applet
Marquee
Sonidos
Frames
Scripts
Practicar en línea
Lista de prácticas en línea
FAQ
Preguntas frecuentes
Códigos HTML
Lista de Códigos HTML
Foros
Foros HTML
Otros Manuales
Manuales de otros lenguajes
 
   
 
 
Alojamiento web en Hostalia